DESIGN A LANDING PAGE

CHOOSE THE CONTENTof a landing page

WHAT IS THE GOAL ?a quick overview of the productmake people want to buy the product

EXAMPLE : POCKET

LANDING PAGE ARE STANDARDIZEDHeader helps to navigate.Hero has the UVP (Unique Value Proposition).Features are just after the Hero.Footer contains the contacts information.

SECTIONS

SECTIONSYou must find all these section in the form :

headerherofeaturespricesfooter

HEADER

show the logohelp to navigate to the main sections

HEROA hero has 3 parts

HERO / UVP

A UVP (Unique Value Proposition)

HERO / PREVIEW

A preview of the product (screenshot or video) which explains :what is the problem ?how the product solves the problem ?

HERO / CALL TO ACTION

A call to action which open a register form

FEATURESThe product features with :no bullshit, just the essentialquick to read

PRICESDepend on your marketing

FOOTERFooter contains contacts, legals, etc.

CREATE THE WIREFRAMEof a landing page

USEpaper, pens and scissor to build :

LET'S <CODE>a landing page

SOLUTION 1 : ONLINE CREATIONGo here :

https://www.strikingly.com

SOLUTION 2 : TEMPLATEReady‐to‐use themes on :

Themeforest

Wrapbootstrap

© Fabien Vauchelles (2015)

SOLUTION 3 : CODE YOURSELFYou can learn from :

known sites (e.g.:  )

templates site :  , designer site : 

Pocket

Themeforest WrapbootstrapDribbble