The document provides guidance on designing an effective landing page. It recommends including standard sections like a header, hero section with unique value proposition (UVP), features, prices, and footer. The hero section specifically should include a product preview, explanation of the problem and solution, and a call to action. It also offers suggestions for creating a wireframe and developing the landing page either using an online builder, template, or coding it yourself.

1. DESIGN A LANDING PAGE

2. CHOOSE THE CONTENT
of a landing page

3. WHAT IS THE GOAL ?
a quick overview of the product
make people want to buy the product

4. EXAMPLE : POCKET

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

6. SECTIONS

7. SECTIONS
You must find all these section in the form :
header
hero
features
prices
footer

8. HEADER
show the logo
help to navigate to the main sections

9. HERO
A hero has 3 parts

10. HERO / UVP
A UVP (Unique Value Proposition)

11. HERO / PREVIEW
A preview of the product (screenshot or video) which explains :
what is the problem ?
how the product solves the problem ?

12. HERO / CALL TO ACTION
A call to action which open a register form

13. FEATURES
The product features with :
no bullshit, just the essential
quick to read

14. PRICES
Depend on your marketing

15. FOOTER
Footer contains contacts, legals, etc.

16. CREATE THE WIREFRAME
of a landing page

17. USE
paper, pens and scissor to build :

18. LET'S <CODE>
a landing page

19. SOLUTION 1 : ONLINE CREATION
Go here :
https://www.strikingly.com

20. SOLUTION 2 : TEMPLATE
Ready‐to‐use themes on :
Themeforest
Wrapbootstrap

21. © Fabien Vauchelles (2015)
SOLUTION 3 : CODE YOURSELF
You can learn from :
known sites (e.g.: )
templates site : ,
designer site :
Pocket
Themeforest Wrapbootstrap
Dribbble