Qu'est ce qu'une Landing Page MVP ?

Exemple Landing Page fait avec du Nocode (Webflow)
Source : https://www.fitnessai.com/
 

La Landing Page MVP est une des MVP le plus populaires car elle est assez simple à faire, et très puissante ... si elle est bien conçu.

Une Landing Page MVP c'est un site web à une ou 2 pages, bien designé, pour expliquer à votre cible la proposition de valeur de votre produit. Vous devez surtout leur demander également à faire une action (rejoindre un waitlist, preorder...) pour mesurer la désirabilité de votre produit. 

Composition d'un Landing Page MVP

Une Landing Page MVP est souvent composée de :

🦸‍♂️️🦸‍♀️️ Une section héro (la première section qu'on voit sur la page) : titre et résumé clair et concis de l'offre, visuel accrocheur.

🖱 Un Call to action (CTA). Vous demandez à vos utilisateurs de faire quelque chose (preorder, rejoindre un waitlist...).

💡 Une section "Feature" qui donne un peu plus de détail sur les fonctionnalités de votre produit. Vous pouvez y mettre quelques captures d'écran du prototype ou une vidéo de démo sur les prototypes.

😱 Une preuve sociale, comme des témoignages clients.

😎 Une section "About Me" pour expliquer qui vous êtes.

Ainsi, l'hypothèse de traction principale à valider à ce stade de MVP est que vos users cibles sont suffisamment intéressés par la proposition de valeur de votre produit pour cliquer sur votre CTA ! 

Quelques conseils

L'écueil à éviter c'est de tout de suite dire sur le Landing Page que votre produit n'est pas prêt, comme demander aux utilisateurs de rejoindre un waitlist immédiatement par exemple. Cela peut décourager vos utilisateurs de valider la traction pour votre produit.

Une astuce que j'aime bien c'est de #FakeItUntillYouMakeIt :

🙃 Faire comme si ton produit est prêt.

🏷 Mettre même un pricing, une demande de création de compte ou un bouton d'achat (un Call to Action - CTA).

📏 Mesurer si vos utilisateurs sont suffisamment intéressés pour acheter ou s'inscrire.

🎁 Faire une 2e page simple ou envoyer un email à partir de ce CTA pour s'excuser (avec de l'humour, ca passe mieux !). N'oublie pas de demander gentiment à vos utilisateurs de laisser leur email s'il souhaite être prévenu quand le produit sera prêt (avec un discount pour les convaincre !).

Mon stack Nocode préféré pour faire cela

🖌 Carrd ou Dorik pour créer la landing page. J'aime bien ces 2 page builders pour leurs rapports très équilibrés entre la qualité du site produit, la facilité d'usage et le prix peu onéreux de la version premium.

Astuce pour Carrd : utilisez la fonction section pour créer de nouvelles pages dans ton site.


Astuce pour Dorik

- Utilisez des composantes prêtes à utiliser de Dorik pour allez vite.

- Pour comprendre la structure d'une page web dans Dorik : ici

💡 Undraw ou Icons8 pour les illustrations très modernes et épurées.

💾 Airtable est un outil hyper puissant. Imaginez-le comme un système de tableur excel augmenté car vous pouvez afficher vos données sous de différentes vues (Gallerie d'image, KanBan, Calendrier...).
A cela s'ajoute le fait que vous pouvez créer un formulaire directement depuis Airtable, dont les réponses vont alimenter directement les colonnes de vos tables.


En l'occurence ici, Airtable vous aide surtout à stocker et gérer les emails des utilisateurs inscrits via la fonctionnalité formulaire.

Astuce : Vous pouvez faire directement le formulaire de contact avec Airtable et l'embedder sur votre Landing Page.

📏 Google Analytics pour mesurer le traffic sur votre Landing Page et sur le Call to Action.
Attention : Cela nécessite très souvent de prendre la version Premium des outils Nocode.

"Quelques" ressources gratuites pour t'aider

J'ai scrapé plus de 1200 vidéos Youtube tuto gratuites sur les différents outils Nocode 👇.

Filtrez sur la colonne "Nocode tools" pour trouver les tutoriels de l'outil Nocode qui t'intéressent et utilisez la loupe pour chercher des mots clés en lien avec votre cas d'usage.

Petit conseil : Si vous ne connaissez rien sur l'outil, filtrez sur l'outil en question et cherchez avec les mots clés "Premier pas" ou " Getting started" ou "Introduction / Introducing"

Pour aller plus loin

🖌 Pour une version plus aboutie, vous pouvez faire votre Landing Page sur Webflow qui permet de réaliser les choses très avancées sur le design et les animations. Mais attention la courbe d'apprentissage est plus violente aussi.

🤖 Vous pouvez créer des automatisations via Zapier comme l'envoi des mails automatique aux inscrits par exemple.

😎 Vous pouvez aller d'un cran plus loin et faire une première version de votre produit digital sur Bubble.
Bubble est l'outil nocode le plus puissant permettant de traiter quasiment tous les use cases comme si c'est du vrai code. Mais attention, la courbe d'apprentissage de cet outil est également assez violente.