Que fait Créateur de page d'atterrissage (landing page) ?
Formule : notre structure × meilleures pratiques des concurrents, construite selon la norme de référence.
Chaque page est unique à son créneau. De zéro, le design vient du sujet + des concurrents (phases 2-3), jamais d'une page précédente ou d'un template. Ce qui se répète d'une page à l'autre est le niveau de qualité, pas l'apparence :
- hiérarchie claire dans chaque bloc : accroche → titre → lead → vrai média → CTA avec microcopie ;
- médias produits réels dans des cadres appropriés, avec des cadres vierges étiquetés là où ils manquent ;
- une paire de polices et une couleur d'accent choisies pour le créneau ;
- une section de contraste pour le rythme ;
- résultats légendés un par un ;
- un récapitulatif avant le prix ;
- FAQ et CTA de clôture construits à partir de nos faits ;
- QA par capture d'écran.
La refonte approuvée de Vidpeak (references/examples.md §D) montre ce niveau. Atteignez sa finition, jamais son apparence.
- Notre structure décide quels emplois la page doit remplir et dans quelles proportions (5 blocs, poids, règles de base). Elle est la même dans tous les créneaux.
- Les concurrents décident comment chaque emploi est réalisé dans ce créneau : formule de hero, types de preuves, comment le produit est présenté, format de tarification, objections, système visuel. Cela change par créneau.
- Les lacunes — ce qu'aucun concurrent ne dit ou ne montre bien — deviennent notre différenciation.
- La norme de référence (
references/reference-standard.md) fixe le niveau de qualité : quatre pages d'atterrissage choisies par le propriétaire comme étant bonnes. Leurs structures de blocs, leur travail de rédaction et leur travail visuel définissent ce que signifie « bien fait ». Le créneau décide l'apparence ; les références décident la qualité de fabrication.
Ne construisez jamais à partir du seul framework (page générique) et ne clonez jamais un seul concurrent (page copie).
Deux modes — choisissez d'abord
| Mode | Quand | Workflow |
|---|---|---|
| A. Construire de zéro | Pas encore de page, ou le propriétaire en veut une nouvelle | Ci-dessous (phases 1-6) |
| B. Améliorer le design | Une page existe (URL / fichier dépôt / capture d'écran) et le propriétaire veut qu'elle soit meilleure visuellement et fonctionnellement | references/redesign.md |
Signaux pour B : « rends-le meilleur / plus joli », « refonte », « améliore le design », « voici ma page d'atterrissage », un lien vers une page en ligne. Si ambigu → posez une question : « Nouvelle page, ou améliorer le design de celle-ci ? » Les deux modes utilisent la même structure de base, les mêmes règles de base et la même norme de référence.
Workflow — Mode A (de zéro)
Suivez dans l'ordre. Les phases 2-3 sont le cœur de cette compétence — ne les sautez pas pour gagner du temps.
| # | Phase | Résultat | Référence |
|---|---|---|---|
| 1 | Brief — produit, avatar, bénéfice, type de CTA, prix, langue, ressources | Brief en 10 lignes | references/brief.md |
| 2 | Recherche concurrentielle — trouver 3 à 5 concurrents, ouvrir leurs pages d'atterrissage, capturer chaque section | captures d'écran research/ + notes brutes | references/competitor-research.md |
| 3 | Analyse & synthèse — motifs par bloc, base de référence du marché, meilleures pratiques, lacunes, verrou visuel | research/teardown.md | references/competitor-research.md |
| 4 | Plan de page — nos 5 blocs, chacun rempli avec les pratiques choisies + un motif de la norme de référence + notre contenu | Tableau du plan → point de contrôle avec le propriétaire | references/framework.md, references/reference-standard.md |
| 5 | Construction — stack, copie, médias, CTA, système visuel unique à ce créneau | La page | references/build.md, references/visual-system.md |
| 6 | QA — dans le navigateur, desktop + mobile, par rapport au plan, aux concurrents et à la norme de référence | Page corrigée + remise | references/build.md §QA |
| 7 | SEO & GEO — avant la mise en ligne (ou sur demande) : une adresse, robots/sitemap/llms.txt, meta et og, JSON-LD, vitesse, accès bots IA, Search Console | Page en ligne indexable et citable par la recherche IA | references/seo-geo.md |
Point de contrôle (après la phase 4). Montrez au propriétaire, brièvement : la base de référence du marché, les 3 à 5 pratiques que vous adoptez, les lacunes que vous allez attaquer, le verrou visuel, et le tableau du plan. Obtenez un « ok », puis construisez. Si le propriétaire a demandé de la rapidité, énoncez le plan et construisez dans le même tour.
Ne vous arrêtez pas. Si quelque chose manque (URL du produit, captures d'écran, prix), marquez un TODO et continuez. Ne demandez que ce qui bloque le type de CTA ou la langue.
La structure de base (toujours)
Cinq emplois. Un emploi peut couvrir plusieurs sections (ex. Offre = récapitulatif + tarification + FAQ + CTA final). Les poids sont la part de longueur / attention de la page — une forme cible, pas une loi.
| # | Emploi | Poids | Doit atteindre |
|---|---|---|---|
| 1 | Premier écran | 5% | Ce que c'est ou l'avantage, pour qui, un CTA principal (aucun si pré-produit) |
| 2 | Problèmes & situation | 15% | Uniquement si les concurrents utilisent un bloc de problèmes. Alors : le problème, précis, avec des faits réels seulement. Sinon, sauter — sa part va à Bénéfices + Produit |
| 3 | Bénéfices (преимущества) | 20% | Ce que le lecteur gagne, chaque avantage soutenu par un visuel ou une preuve |
| 4 | Produit | 40% | Ce que c'est + comment ça fonctionne, compréhensible en un écran |
| 5 | Offre & CTA | 20% | Récapitulatif des bénéfices, ce qui se passe après le clic, prix + annulation du risque, objections, CTA |
Bénéfices + Produit ≈ 60% de la page. Si une page d'atterrissage existe déjà, conservez l'ordre de ses sections et cartographiez les emplois dessus.
Comment les concurrents et notre structure se combinent
- Cartographiez chaque section concurrente sur un de nos 5 emplois (témoignages → Preuve des bénéfices, FAQ → Objections de l'offre, barre de logos → Preuve du premier écran, intégrations → Produit…). Cela donne une vue par emploi du marché.
- Base de référence du marché = motifs utilisés par la plupart des concurrents. Les acheteurs les attendent — incluez-les (barre de logos, essai gratuit, tableau comparatif, avant/après… tout ce que ce créneau considère comme standard).
- Meilleure pratique = un motif qui est (a) utilisé par le leader de la catégorie ou par ≥2 concurrents, ou sur des pages vers lesquelles ils envoient des publicités payantes, et (b) sert l'emploi de son bloc. Adoptez-le, avec nos mots.
- Lacunes = objections que personne ne répond, bénéfices que personne ne prouve, segments que personne ne nomme, formats que personne n'utilise (ex. personne ne montre de résultats réels). Mettez-en 1-2 en avant — c'est le positionnement.
- Conflits. Les règles de base l'emportent par défaut ; signalez le conflit au point de contrôle et laissez le propriétaire décider. Typique : les concurrents utilisent des formulaires lead/quiz → nous gardons une action principale (voir règles de base).
- Le système visuel vient de l'ensemble des concurrents (généralement le leader) : rôles de la palette, typographie, densité, format des médias, forme du CTA. Copiez le système, jamais leur copie, leurs chiffres, logos ou ressources.
Règles de base (tout créneau)
- Premier écran fort : une description concise ou un bénéfice accrocheur, plus l'avatar.
- Chaque CTA est associé à un bénéfice concret et dit ce qui se passe ensuite.
- Montrez comment le produit fonctionne avec la véritable interface — chaque étape de fonctionnement associée à une capture d'écran / un enregistrement réel de cette étape, ou laissez-les l'utiliser si les concurrents le font. Rien de prêt → laissez un cadre vierge, correctement dimensionné, étiqueté avec ce qui va dedans. Ne remplacez jamais l'interface par une liste textuelle, des icônes ou une UI fictive.
- Une action principale, deux types de CTA seulement : dans le produit (Commencer / Essayer / Télécharger / S'inscrire) ou réserver un appel (idéalement un planificateur intégré). Pas de formulaires lead ou quiz sur la page. Autorisé : une entrée produit qui commence à utiliser le produit (coller un lien, télécharger un fichier, entrer une adresse) si c'est ainsi que les concurrents permettent d'essayer.
- N'inventez jamais de preuves, prix, statistiques, témoignages ou logos. Emplacement vide →
TODOvisible. - Médias produits réels uniquement — pas de fausse UI, pas d'images libres de droits là où des médias produits devraient se trouver.
- Lorsqu'une pratique de marché est floue ou risquée, demandez au propriétaire plutôt que de deviner.
Fichiers
references/reference-standard.md— les quatre pages d'atterrissage de référence : le niveau de qualité, une bibliothèque de motifs par emploi, travail de rédaction et travail visuel. À lire dans les deux modes.references/redesign.md— Mode B : auditer une page existante et améliorer son design.references/brief.md— brief en format carte, mapping rangée de cartes → bloc, langue, type de CTA.references/competitor-research.md— trouver des concurrents, quelles pages, capture, modèle d'analyse, règles de synthèse. Le cœur de la compétence.references/framework.md— les 5 emplois en détail, règles par bloc, maturité du marché, tableau du plan.references/visual-system.md— dériver et verrouiller un système visuel à partir des concurrents (tout créneau).references/build.md— stack, copie, médias, câblage CTA, offre/tarification, QA, remise.references/seo-geo.md— avant la mise en ligne : checklist technique SEO et GEO (recherche IA), du nom de domaine à la Search Console.references/examples.md— exemples concrets (différents créneaux). Exemples, pas règles.scripts/capture.mjs— captures d'écran + extraction de la structure/visuelle pour les URL des concurrents.templates/teardown.md— le fichier d'analyse à remplir.