landing-page-launch

Par elophanto · elophanto

Validation pré-lancement avec des landing pages. Créez une landing page, collectez des emails, acceptez des précommandes et validez la demande avant d'écrire la moindre ligne de code. Basé sur le handbook MAKE de levelsio.

npx skills add https://github.com/elophanto/elophanto --skill landing-page-launch

Déclencheurs

  • page d'accueil
  • pré-lancement
  • valider l'idée
  • valider la demande
  • page de pré-commande
  • page « à venir »
  • page liste d'attente
  • capture d'email
  • page de lancement
  • valider la startup
  • tester la demande
  • validation MVP
  • validation d'idée
  • construire en public

Instructions

L'idée centrale

Lancez avant de construire. Le moyen le plus rapide de valider la demande est de décrire ce que vous voulez construire, de mettre en ligne une landing page, et de voir si les gens sont prêts à payer pour cela.

Levelsio a annoncé son livre MAKE avec juste un tweet et un Typeform. Les gens ont pré-commandé à 22,49 $. Il a collecté plus de 50 000 $ en pré-commandes avant d'écrire un seul chapitre.

Étape 1 : Construire la landing page

Utilisez deploy_website pour créer une landing page simple avec ces éléments :

Au-dessus de la ligne de flottaison (visible sans défilement) :

  1. Titre : Que fait-il ? Une phrase. « Nous ramassons et livrons vos bagages à n'importe quelle adresse dans le monde, en quelques heures. »
  2. Sous-titre : Une phrase de contexte supplémentaire. Gardez-la humaine.
  3. Bouton CTA : Grand, coloré, centré. « Commencer », « Pré-commander », « Rejoindre la liste d'attente »

En-dessous de la ligne de flottaison : 4. Comment ça marche : 3 étapes avec des icônes 5. Preuve sociale : Témoignages, logos, chiffres (ajoutez-les après le lancement) 6. FAQ : Répondez aux principales objections

Règles de design :

  • Utilisez la skill ui-ux-pro-max pour le système de design
  • Mobile-first. Plus de 50 % du trafic sera sur mobile.
  • Chargement rapide. Pas de frameworks lourds pour une landing page. HTML statique + Tailwind ou similaire.
  • Proposition de valeur claire en 5 secondes ou le visiteur s'en va

Étape 2 : Capture d'email

Chaque landing page DOIT capturer les emails. Mais « s'abonner à notre newsletter » ne fonctionne pas. À la place, offrez une valeur spécifique :

BON : « Recevez un email quotidien avec tous les nouveaux emplois PHP » (contextuel, utile) BON : « Envoyez-moi un message quand vous avez une réduction spéciale dans ma région » MAUVAIS : « S'abonner à notre newsletter »

Implémentation :

  • Formulaire simple avec nom + email
  • Stockez dans une base de données ou Google Sheets via API
  • Envoyez un email de confirmation immédiat via email_send
  • Segmentez par intérêt si possible (par ex., quelle fonctionnalité ils ont cliquée)

Étape 3 : Accepter les pré-commandes (Optionnel mais puissant)

Si vous voulez valider la volonté de payer (pas seulement l'intérêt) :

  1. Ajoutez Stripe Checkout à la landing page
  2. Définissez un prix de pré-commande (10-50 $ selon le produit)
  3. Soyez transparent : « Ce produit n'existe pas encore. Votre pré-commande finance son développement. Nous livrerons d'ici [date] ou remboursement. »
  4. Les pré-commandes prouvent la demande mieux que n'importe quel sondage ou clic « intéressé »

Étape 4 : Annoncez

  1. Tweetez à ce sujet depuis votre compte personnel. Soyez authentique : « Je veux construire [chose]. Voici une landing page pour voir si quelqu'un la veut. »
  2. Postez dans les communautés pertinentes (pas comme du marketing, mais comme « J'explore cette idée, l'utiliseriez-vous ? »)
  3. Partagez avec des amis, des collègues, des utilisateurs potentiels directement

Étape 5 : Mesurez et décidez

Signal Signification
0 inscriptions Soit mauvaise idée, soit mauvaise landing page, soit personne ne l'a vue. Essayez un angle différent.
10-50 inscriptions Intérêt léger. Pourrait valoir la peine de construire si vous êtes passionné.
50-200 inscriptions Intérêt réel. Vaut la peine de construire un MVP.
200+ inscriptions Demande forte. Construisez-le.
Paiements de pré-commande Demande validée. Définitivement construire.

Construire en public

L'approche de Levelsio : construire avec vos utilisateurs, pas pour eux.

  • Partagez des brouillons/progrès sur Twitter au fur et à mesure que vous construisez
  • Laissez les clients pré-commandants voter sur les fonctionnalités (liste partagée Workflowy, Google Doc)
  • Envoyez des mises à jour de chapitres/jalons à votre liste d'emails
  • Diffusez en direct le développement (optionnel mais renforce l'imputabilité)

Cela crée une audience AVANT le lancement. Quand vous lancez pour de vrai, vous avez déjà des fans.

Le MVP n'est PAS une landing page

Distinction critique : une boîte d'inscription par email n'est PAS un produit. Ne « lancez » pas une page coming-soon sur Product Hunt. Ce n'est pas un lancement. Un MVP fonctionnel qui fait une chose bien — C'EST prêt pour le lancement.

La landing page valide la demande. Le MVP valide la solution. Ce sont des étapes différentes :

  1. Landing page → « Les gens veulent-ils cela ? » (pré-lancement)
  2. MVP → « Cette solution fonctionne-t-elle ? » (lancement)

Outils à utiliser

  • deploy_website — Déployer la landing page sur Vercel/Railway
  • email_send — Emails de confirmation, reçus de pré-commande
  • email_monitor — Suivre les notifications d'inscription
  • twitter_post — Annoncer et construire en public
  • web_search — Rechercher des concurrents, valider la niche
  • replicate_generate — Créer des images/graphiques hero
  • browser_navigate — Configurer Stripe, Typeform, analytics

Philosophie

« Avant même d'écrire une seule ligne dessus, j'ai annoncé ce livre et l'ai ouvert aux pré-commandes. La seule chose que les gens ont reçue après avoir payé 22,49 $ immédiatement était une liste Workflowy vide où ils pouvaient écrire de quoi le livre devrait parler spécifiquement. Cela m'a donné des retours immédiats des clients. Tout comme une startup. »

« Assurez-vous que votre MVP fonctionne réellement et n'est pas juste une landing page qui ne fait rien. Il devrait faire quelque chose. Il devrait avoir les fonctionnalités principales bien fonctionnelles pour être utile aux utilisateurs. »

« Ne construisez pas sur un MVP trop longtemps, une bonne règle générale est de dépenser max un mois dessus et de lancer. »

Vérifier

  • Le canal réel a été atteint (URL de post, ID de message ou confirmation côté plateforme capturée), pas seulement un brouillon sauvegardé localement
  • Les paramètres de ciblage (subreddit, hashtag, audience, fuseau horaire) correspondent à ce que le guide de lancement landing-page prescrit pour la plateforme choisie
  • Le texte a été vérifié par rapport aux limites de caractères/format de la plateforme avant de poster ; le nombre final de caractères est enregistré
  • Le plan d'engagement pour les 1-2 premières heures après publication est écrit avec des actions spécifiques, pas « surveiller et répondre »
  • Au moins un anti-modèle spécifique à la plateforme de la skill (par ex., « ne pas demander de votes », « ne pas poster le même lien à plusieurs subs ») a été explicitement vérifié par rapport au brouillon
  • Une métrique de succès mesurable (impressions, inscriptions, click-through, réponses) est définie avec un seuil numérique avant que le post ne soit publié

Skills similaires