Cro Page

cro-page — optimisation de conversion des pages

Adapté du plugin marketingskills (Corey Haines / fork Littlpinguin, MIT) — voir docs/vendored-cro.md.

Étape 0 — Doctrine de marque (OBLIGATOIRE dès qu'un mot est produit)

Toute recommandation qui inclut du copy (headlines, CTA, alternatives) exige d'abord :

1. 01-brand/checklist-pre-composition.md — voix, anti-style-IA, typographie, réutilisation.
2. 01-brand/voice.md — position de voix, vocabulaire, interdits.
3. 01-brand/messaging-framework.md — les chiffres et affirmations utilisables comme preuve.
4. 01-brand/personas.md — le « langage client » de la dimension 1 vient de là.

Si un fichier manque ou contient des {{...}} : arrêter et lancer /start-cockpit. Un diagnostic pur (sans copy proposé) peut se faire sans, mais le signaler.

Cadrage initial

1. Type de page : homepage, landing, tarifs, fonctionnalité, article, autre
2. Objectif de conversion unique : inscription, démo, achat, téléchargement, contact
3. Contexte de trafic : organique, payant, email, social — le message doit matcher la source

Grille d'analyse — 7 dimensions, par ordre d'impact

1. Clarté de la proposition de valeur (impact maximal)

• Un visiteur comprend-il en 5 secondes ce que c'est et pourquoi s'y intéresser ?
• Bénéfice principal clair, spécifique, différencié ; formulé dans la langue du client (personas), pas dans le jargon de {{COMPANY_NAME}}
• Pièges : centré fonctionnalités au lieu de bénéfices ; trop vague ou trop malin ; tout dire au lieu de dire l'essentiel

2. Efficacité du headline

• Porte-t-il la proposition de valeur ? Est-il assez spécifique ? Matche-t-il le message de la source de trafic ?
• Patterns forts : orienté résultat (« Obtenez [résultat] sans [douleur] ») ; spécificité (chiffres, délais — sourcés doctrine) ; preuve sociale réelle

3. CTA — placement, copy, hiérarchie

• UNE action primaire claire, visible sans scroller, répétée aux points de décision
• Copy de bouton = valeur, pas juste action : ❌ « Envoyer », « En savoir plus » → ✅ « Démarrer l'essai gratuit », « Recevoir mon diagnostic »
• Hiérarchie primaire/secondaire lisible

4. Hiérarchie visuelle et scannabilité

• Le message principal passe-t-il en lecture diagonale ? Éléments importants proéminents ? Assez de blanc ? Les images servent-elles le message ?
• Contraintes : tokens 01-brand/style-guide.md — jamais de recommandation visuelle hors marque

5. Preuve et signaux de confiance

• Logos clients, témoignages attribués (spécifiques, avec photo), extraits de cas avec chiffres réels, notes d'avis
• Règle du template : toute preuve chiffrée doit exister dans 01-brand/messaging-framework.md ou une source citée — ne jamais recommander d'inventer de la preuve
• Placement : près des CTA et après chaque affirmation de bénéfice

6. Traitement des objections

• Prix/valeur, « est-ce pour mon cas ? », difficulté de mise en œuvre, « et si ça ne marche pas ? »
• Leviers : FAQ, garanties, comparatifs, transparence du process

7. Points de friction

• Formulaires trop longs (→ skill cro-form), étapes floues, navigation distrayante, expérience mobile, temps de chargement

Spécificités par type de page

• Homepage : positionner pour le visiteur froid ; servir à la fois « prêt à acheter » et « en recherche »
• Landing page : message match avec la source ; CTA unique (retirer la navigation si possible) ; argument complet sur une page — structure de référence dans la skill landing-page
• Page tarifs : comparaison claire, plan recommandé signalé, lever l'anxiété « quel plan pour moi ? » (→ skill cro-pricing)
• Article de blog : CTA contextuels alignés sur le sujet, aux points d'arrêt naturels

Format de sortie

1. Quick wins — changements faciles, impact immédiat probable
2. Changements à fort impact — plus d'effort, à prioriser
3. Hypothèses à tester — à A/B tester plutôt qu'à trancher d'instinct
4. Alternatives de copy — 2-3 variantes pour headline et CTA, avec rationale, conformes à la doctrine (étape 0)

Livrer dans 05-web-content/ (revue à côté de la page concernée) ou en réponse directe si diagnostic ponctuel. Tout copy proposé passe par brand-check avant intégration.

Questions à poser si l'information manque

1. Taux de conversion actuel et objectif ? 2. D'où vient le trafic ? 3. Que se passe-t-il après cette page ? 4. Données disponibles (GA4, heatmaps, sessions) ? 5. Qu'avez-vous déjà tenté ?

Skills associées

• landing-page — production complète d'une page (orchestre cette skill)
• cro-form / cro-popup — formulaires et popups de la page
• cro-pricing — page tarifs en profondeur
• copywriting — réécriture complète du copy
• brand-check — validation obligatoire avant intégration