#8: Landing page : les 7 sections qui font la conversion

Hello, c'est Guilhem 👋

J'ai empilé +380 landing pages e-commerce annotées. Les meilleures ne se ressemblent pas, mais elles enchainent toutes les memes 7 sections dans le meme ordre. Je te les donne, avec des exemples pris cette semaine chez Bonjour, Fruggies, Naali et Humble+.

Bienvenue dans l'édition #8 de l'Alambic, ma newsletter où je te partage plusieurs fois par mois les optimisations et stratégies CRO qui ont ajouté +7 chiffres de CA/an à mes clients sans dépenser 1€ de plus en ads

(Si tu es contre la valeur gratuite, tu peux te désabonner en bas de ce mail)

Sinon, on y va:

La dernière édition parlait de la fin de ton funnel (le cart drawer). Aujourd'hui on remonte en amont, sur ce qu'il y a DANS ta landing page : les 7 sections qui font le boulot sur une landing page e-commerce, et l'ordre dans lequel elles doivent arriver.

J'ai passé les deux dernières années à capturer et annoter des landing pages e-commerce. +380 à ce jour, de marques qui font entre 7 et 9 chiffres de CA.

> Ressource recommandée: [+380 Landing Pages E-Commerce sur Figma]

Le design change d'une marque à l'autre. La séquence, non. C’est plus ou moins toujours la même logique (Problème, solution, offre, ré-assurance..)

4 éléments non-négociables, tous visibles sans scroller sur mobile : la headline (ta promesse, pas ton nom de marque), la sub-headline (le mécanisme, COMMENT tu tiens la promesse), une image qui vend (le produit en usage ou le résultat, pas un moodboard) et un CTA descriptif ("Découvrir la routine", pas "En savoir plus").

C'est la section la plus rentable de la page, pour une raison brutale : +70% des visiteurs mobiles ne scrollent jamais. Pour eux, ta hero EST ton site.

> Ressource recommandée: [Masterclass Hero Section] + [22 redesigns de hero avant/après]

Juste sous la hero, avant tout argumentaire : une bande de réassurance. Note moyenne et nombre d'avis, logos presse, nombre de clients servis, certification.

Son job, c'est de répondre à la question silencieuse du trafic froid : "est-ce que d'autres gens comme moi ont déjà fait confiance à ce site ?" Tant que la réponse n'est pas oui, tout ce que tu écris en dessous est lu avec méfiance.

Avant de vendre la solution, tu nommes le problème. Et tu le nommes comme ton client le formule, pas comme ton équipe le reformule.

C'est la section que les marques sautent le plus souvent (elles sont pressées d'arriver au produit). Résultat : le visiteur lit une promesse sans s'etre jamais reconnu dans le problème, et une promesse qui ne répond à rien ne vaut rien.

Où trouver ces mots : tes avis 3 étoiles, tes tickets SAV, les réponses à ton quiz. Ils sont déjà écrits, tu n'as qu'à les recopier.

La section qui explique POURQUOI ca marche chez toi et pas chez le voisin. L'ingrédient, la techno, le process, la formulation.

Sans mécanisme, ton produit est interchangeable. Et un produit interchangeable se compare uniquement sur le prix (le seul terrain ou tu ne veux pas te battre).

Pas la bande de la section 2, ici on rentre dedans : avis détaillés avec le contexte du client, avant/après, résultats chiffrés, UGC vidéo avec une phrase de résumé en dessous pour que le visiteur puisse filtrer.

Placée après le mécanisme, la preuve ne dit plus "des gens ont acheté". Elle dit "le mécanisme que tu viens de comprendre a marché sur quelqu'un comme toi".

La buybox, et c'est le levier numéro 1 de toute la page. Trois structures qui fonctionnent : Good-Better-Best, le 1/2/3 Pack, ou Problème-Solution-Transformation.

Ce qui doit y figurer : le prix ancré, l'économie affichée en euros, le badge sur le tier du milieu, les bonus valorisés, et la garantie. Pas le prix barré tout seul (un prix barré sans économie chiffrée crée du doute au lieu de créer de l'envie).

Chez un client, retravailler cette seule section a sorti +37K€ en 4 jours, sans un euro de plus en ads.

> Ressource recommandée: [Masterclass Offre E-Commerce]

La dernière section avant le CTA final : FAQ et garantie. Pas une FAQ SAV ("quels sont vos délais de livraison"), une FAQ d'objections : "et si ca ne marche pas sur moi ?", "en quoi c'est différent de X ?", "pourquoi c'est plus cher ?".

Chaque objection que tu ne traites pas sur la page part se faire traiter ailleurs : Google, Reddit, un concurrent.

Les croyances qu'un acheteur doit franchir sont toujours les memes, dans cet ordre : j'ai ce problème, ce truc peut le résoudre, c'est pour moi, ca va marcher pour MOI, je ne prends aucun risque.

Une LP qui ne convertit pas est presque toujours une LP qui saute une étape (le plus souvent la 3 ou la 4, les deux seules qui ne montrent pas le produit).

Sur les quatre pages du jour, c'est flagrant. Fruggies enchaine hero, problème sourcé, mécanisme, preuve, dans cet ordre, et c'est la plus lisible. Bonjour a tout sauf la section 3, et remplace la 4 par une liste d'ingrédients. Humble+ a la 3, mais en bas de page. Aucune n'est mauvaise, une seule raconte l'histoire dans l'ordre.

1. Ouvre ta LP principale sur téléphone et liste les sections que tu vois, dans l'ordre, sur une feuille. Sans te justifier.

> Ressource recommandée: [Checklist CRO +90 points]

2. Coche les 7. Celles qui manquent, tu les ajoutes ; celles qui sont dans le désordre, tu les remontes. Commence par la plus haute dans la page (le gain se voit plus vite).

> Ressource recommandée: [3 templates de landing pages, Figma + Replo]

3. Split test la nouvelle version contre l'ancienne sur 2 semaines minimum, en regardant le RPV, avec Intelligems.

Si tu as aimé cette édition, forward-la à un collègue qui cherche à scaler. Ça lui sera utile (et ça m'aide aussi) !

À bientôt pour la prochaine édition 😉

PS: Je réponds personnellement à tout le monde, si tu as une question, une recommendation, ou quoi ce soit, tu peux directement répondre à ce mail.

- Guilhem V. ⚗️