Construire une Home page aux petits oignons
Après tout, c'est quand même la Une de ton site web !
Bonjour, bonjour,
La semaine dernière, j’ai partagé un template de landing page qui a cartonné sur LinkedIn, comme tu peux le voir ici.
Du coup, je ne suis pas fou, j’ai cru comprendre que ce genre de contenus t’intéressait. C’est pourquoi je te propose qu’on regarde ensemble comment construire une Home page efficace.
C’est parti !
Home page vs Landing Page
Eh oui, entre les deux pages, les enjeux ne sont pas les mêmes ! On n’aborde donc pas leur création de la même façon.
Evidemment, il y a plusieurs phases de maturité dans un site internet. Quand tu vas lancer ton offre, ton site n’aura peut-être qu’une seule page. Dans ce cas-là, la landing et la home se confondent.
Mais au fur et à mesure de l’évolution de ton offre, ton site va s’étoffer :
Pages de use case pour tes différents personas
Pages pour détailler des fonctionnalités
Témoignages clients
Blog, livres blancs, webinars, podcasts…
Etc.
Une landing page ne sera alors plus suffisante et tu auras besoin d’une vraie Home page, qui remplit son rôle :
Maintenant qu’on a dit ça, comment s’y prendre ?
Etape 1 : l’objectif
Comme je le disais à l’instant, contrairement à une landing page, l’objectif de la Home n’est pas de convertir absolument. Ton visiteur peut être là pour plein de raisons différentes.
Ton objectif est donc de lui faciliter l'accès à l’information qu’il recherche. Voyons comment organiser ta page pour cela (les explications sont sous le template).
La barre de menu
Il faut que tu vois cela comme pour le sommaire d’un article. Tu vas y mettre en avant les différentes rubriques de ton site.
On y met aussi :
le CTA principal (ex : démo)
un CTA secondaire (connexion à un espace privé ou quand on adresse 2 cibles différentes, c’est l’occasion de rediriger sa cible secondaire vers une page spéciale : vous êtes XXX ?)
Bloc 1 : le Hero section
Le hero section, c’est la partie de ton site qui est au-dessus de la ligne de flottaison. C’est-à-dire tout ce que tu vois avant d’avoir commencé à scroller.
Dans le cas de la home page, on y retrouve généralement :
La proposition de valeur de l’entreprise
Un peu de détails sur le comment on la délivre
Un premier élément de réassurance pour prouver qu’on peut nous faire confiance
Un CTA principal clair (ex : Essai gratuit)
Un CTA secondaire si pertinent (ex : demande de démo / cible secondaire ?)
Bloc 2 : Preuve sociale
La preuve sociale, on n’en met jamais trop !
Sous le Hero, tu peux donc déjà faire un premier bandeau avec des logos de clients sélectionnés pour représenter tes différentes cibles. L’idée est de rassurer le prospect sur le fait que des personnes comme lui font appel à tes services.
Eventuellement, il peut apparaître dans le Hero section pour donner envie de scroller au visiteur.
Bloc 3 : Use cases et fonctionnalités
Ta solution cible plusieurs types de personnes, s’utilise de différentes façons ?
Crée un petit bloc pour chacune d’entre elles en mettant en avant le bénéfice qu’elles y trouvent. Cela permet à ta cible de s’identifier et d’accéder rapidement à ce qui l’intéresse et à des pages qui détaillent ce que la solution apporte dans son cas précis.
Ensuite, tu peux présenter 1-2-3 fonctionnalités principales qui sont les plus intéressantes pour tes cibles.
Pour chaque fonctionnalité, tu présentes :
un titre qui donne le bénéfice
un petite paragraphe qui explique comment tu permets d’atteindre ce bénéfice
une illustration pour montrer comment ça se passe
un bouton pour en savoir plus qui permet au visiteur d’accéder à un contenu qui détaille cette fonctionnalité
Bloc 4 : Preuve sociale (on n’en a jamais trop)
On a déroulé les principaux use cases et les bénéfices majeurs de ton produit. Maintenant, c’est l’heure de rassurer tes visiteurs sur le fait que des personnes comme elles ont atteint leur objectif grâce à ta solution.
Mets en avant des :
citations de clients pertinentes pour représenter tes différentes cibles
un CTA pour accéder aux témoignages
Bloc 5 : Lectures conseillées
Les visiteurs ne sont pas passés à l’action sur les premières sections de ta Home page ?
C’est donc le moment de leurs proposer des actions moins engageantes, pour les faire avancer en maturité et dans leur réflexion. Leur montrer que tu es un expert qui maîtrise son sujet.
A ce niveau de la page, tu peux donc mettre en avant du contenu qui permettra de montrer ton expertise aux visiteurs.
Bloc 6 : CTA
On arrive en bas de page, tu as présenté toutes les rubriques de ton site, c’est le moment de rappeler ce que tu peux faire pour ta cible et lui reproposer ton CTA principal.
Bloc 7 : Pied de page
On y est, c’est la fin !
Vois le pied de page comme un sommaire de tout ce que tu peux trouver sur ton site. Encore une fois, le but est de pouvoir donner l’accès facilement à l’information que recherche ton visiteur : fais la liste ;)
Et on oublie pas les petits liens vers tes profils sur les réseaux sociaux.
Ca y est, le tour est joué !
Evidemment, ce n’est qu’un modèle. Il est donc est à adapter en fonction de ton business model et de tes enjeux du moment (tu peux très bien y ajouter un bloc "Comment ça marche ?" ou une espace recrutement par exemple).
Du nouveau côté podcast…
Cette semaine, Le café du market’ reçoit Florian Bachelot, Head of growth chez talent.io.
Il vient nous expliquer comment ils ont lancé une newsletter B2B qui a atteint +90k abonnés en un an, avec un taux d’ouverture à +50%. Masterclass !
A découvrir juste ici :
Voilà, voilà pour cette semaine. J’espère que ça t’a plu !
A la semaine prochaine 👋
Axel ☕
Si tu as trouvé ce numéro intéressant, tu peux le partager à tes collègues, ça me ferait très plaisir et c’est le meilleur moyen de me soutenir.
Merci à toi 😉