Homepage Deconstructed

Post on 23-Feb-2016

37 views 0 download

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

Homepage DeconstructedGabriel 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 Provides links to different sections of the site

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

Effective Homepages are designed from a user perspective

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

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

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

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

Great Homepage Design

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

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

• 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”

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