On appelle landing page une page web qui présente un produit ou un service. Elle doit présenter votre projet aussi clairement et simplement que possible. Elle doit répondre aux questions Quoi ? Pour qui ? Pourquoi? Comment? afin d’inciter le client à utiliser votre produit ou service. La proposition de valeur doit être comprise en quelques instants. Mais elle n’a pas seulement une mission informative. Elle doit servir à convertir le visiteur à travers un Call to action (télécharger l’appli, répondre à un sondage, acheter une prévente, etc.).

C’est potentiellement la première interaction que votre utilisateur cible aura avec votre proposition. Sa conception doit donc être particulièrement soignée. On doit y reconnaître le style de votre service.

Pour sa simplicité, la landing page est régulièrement utilisée par les startups pour valider une idée, avant même que le produit soit construit. Si suffisamment de gens s’inscrivent, ça montre qu’il y a un intérêt pour le produit et ça vaut alors le coup de le développer pour de bon. Certaines entreprises en profitent aussi pour poser des questions aux premiers inscrits à travers des formulaires, pour mieux savoir les fonctionnalités prioritaires sur leur produit.

Enfin, on peut aussi utiliser des techniques d’expérimentation comme le A/B testing, qui montre différentes pages web à différents utilisateurs pour voir quelles propositions marchent le mieux.

On peut y trouver les sections suivantes :

(toutes n’ont pas forcément de sens pour votre projet)

Bannière d’accueil (aussi appelé Hero)
Introduction
Principes (en générl avec icônes ou illustration)
Exemples de cas
Vidéo démo du produit
Pourquoi nous faire confiance
Équipe
Clients
Call to action
Pricing
Testimonials
Inscription newsletter
Formulaire de contact
- Formspree ?
- Envoi vers un formulaire Typeform pour récupérer du feedback ?
Footer
- Adresse
- Liens utiles
- Réseaux sociaux
- Contact

Outils

Nous recommandons Mobirise, un logiciel (avec une version freemium) qui permet de créer des sites fonctionnels en drag & drop (glissé-déposé) :

http://mobirise.com

Vous pouvez aussi vous appuyer sur différentes bibliothèques d’images et d’icônes pour donner corps à votre landing page (voir la section outils)

Étapes

Commencer sur le papier par lister les différentes sections. Alternativement, vous pouvez aussi faire des Wireframes (voir page dédiée)
Nourrissez chacune des sections
N’oubliez pas le Call to action !
Réunir les éléments visuels dont vous avez besoin (couleurs, polices, images, icônes, etc.). Alternativement, vous pouvez aussi faire un moodboard (voir page dédiée)
Construisez ! Mettez en ligne ! Essayez ! Modifiez ! etc.

Conseils

Une page imparfaite > pas de page ! Alors ne perdez pas de temps !
Limitez les zones de texte trop longues. Partez du principe que les gens lisent peu sur Internet (comme vous 😉)
Mettez en avant tout ce qui peut donner corps à votre projet (données, etc.)
Si vous avez fait une maquette visuelle de votre app, montrez la !
De ma même manière, si vous avez un logo, montrez le !
Restez consistants sur toute votre page (couleurs, type d’icônes, etc.)
Restez dans les codes visuels dont les gens ont l’habitude… (sauf si vous les maîtrisez parfaitement)
Ne mentez pas. Ça peut paraître bizarre de dire ça, mais sur Internet, il est toujours tentant de grossir un peu son projet, son produit ou son équipe. Vos utilisateurs seront plus fidèles si vous êtes sincère !
Mettez tout de suite un système d’analytics. Pour savoir si ça marche, vous avez besoin de données !

Questions à se poser

Que vient chercher votre utilisateur ? De quelles informations a-t-il besoin ?
Quel est le Call to action ? Qu’est-ce que vous cherchez à faire faire à votre utilisateur ? Télécharger une app ? Se faire un compte ? Partager ? Voter ? Comment l’engager doucement dans un processus ?