Homepage Deconstructed

15
Homepage Deconstructed Gabriel Spitz

description

Homepage Deconstructed. Gabriel Spitz. Objective of Today’s lecture. Demonstrate the User Perspective within the Business Goals. What is a Homepage. Sign post Indicates the “direction” the website will take me in First impression Is it a serious site, is it a fun site… Gateway to a site - PowerPoint PPT Presentation

Transcript of Homepage Deconstructed

Page 1: Homepage Deconstructed

Homepage DeconstructedGabriel Spitz

Page 2: Homepage Deconstructed

Objective of Today’s lecture

Demonstrate the User Perspective within the Business Goals

Page 3: Homepage Deconstructed
Page 4: Homepage Deconstructed
Page 5: Homepage Deconstructed

What is a Homepage

Sign post Indicates the “direction” the website will take me in

First impression Is it a serious site, is it a fun site…

Gateway to a site Provides links to different sections of the site

Page 6: Homepage Deconstructed

Homepage is like the rest area along the Internet Highway; You can zip through it or Stop and enjoy the facility

Page 7: Homepage Deconstructed

Effective Homepages are designed from a user perspective

Page 8: Homepage Deconstructed

Visitors Types & Questions/Needs

New user Returning user

Accidental user

Where am IWhat do you do/ have

Let me contact you

Do I trust you

I just want to do it

Show me the latest

Help me decide

Should I stick around

Is this the correct site

How Do I… - Help

Page 9: Homepage Deconstructed

Role of the Homepage

ImpressPromoteInform

Effective Homepages

In order to get the user to:- Stay on the site- Explore its content- Buy or use its services

Page 10: Homepage Deconstructed

Great Homepage Design

Is Informative – tells the visitor What is the site/tool about What can the visitor do on the site with the tool What can the site/tool do for the visitor

Resonate with target audience Narrowly focused Speaks the language of visitors of interest

Has Compelling value-proposition Convince the user to stick around

Jessica Meher, (2013) HubSpot

Page 11: Homepage Deconstructed

Great Homepage Design

Is Usable Easy to navigate No interruptions Mobile optimized

Has Clear Primary and secondary Call-to-action (CTA) Free Trial, Schedule a demo, Buy now, learn more We want the user to dig deeper into the website and move

them further down the Purchas-funnel

Reflect current needs, problems, and questions of visitors

Page 12: Homepage Deconstructed

Great Homepage Design

Is Good design Use of layout Call-To-Action placement Use of whitespace Colors Fonts Etc.

Page 13: Homepage Deconstructed

• Simple design with strong headline• Feels secure, but easy to use• Good CTA-Free! Get Started• Clear supporting image

Page 14: Homepage Deconstructed

• Simple and effective headline - Remember Everything• Arranged into 3 clear benefits that jump out because of the

rich green background• Eye path leads us to the CTA – “Get Evernote, its free”

Page 15: Homepage Deconstructed

• Great headline• Placement of customers at the center• Sign-up form directly on the homepage