Création de la page d'accueil : comment faire de ta page d'accueil un succès

8 Min.
Conseils pour la création de la page d'accueil

La page d'accueil est pour beaucoup de personnes le sanctuaire d'un site web. Elle doit servir de nombreux objectifs et s'adresser à différents groupes cibles, et ce, surtout, en même temps. À quoi ressemblent une bonne adresse et une page d'accueil bien conçue ? Voici un aperçu des conseils les plus importants.

Je parle ci-dessous d'entreprises, mais les principes s'appliquent en de nombreux points à un simple blog, à ton site d'intérêt particulier ou encore au site de ton groupe de musique. La page d'accueil devrait :

  • présenter l'entreprise, l'agence ou le service sous son meilleur jour,
  • cartographier simultanément tous les domaines d'activité de l'entreprise,
  • montrer que l'entreprise est à jour par des actualités et en te connectant à Facebook, Instagram, etc.,
  • mais l'accroche narrative devrait aussi s'accorder avec l'histoire des fondateur·rice·s.
  • L'abonnement à la newsletter doit être visible à tout moment.

De même, tu souhaites généralement faire le point sur les nouvelles offres d'emploi, les itinéraires, ton adresse, tous les numéros de téléphone avec les contacts, et ainsi de suite.

optimiser la page d'accueil des images
Une page d'accueil selon la devise "une image vaut mille mots"

Tu peux déjà comprendre où cela nous mène : la page d'accueil ne peut pas et ne doit pas tout faire. Il faut aborder la question de manière conceptuelle et stratégique, et réfléchir à ce qui devrait être présenté là et pourquoi. Mon approche n'est certainement pas la seule, et n'est peut-être même pas la meilleure pour ton entreprise, mais je vais essayer de justifier tous les arguments. Toutefois, j'accueille également avec plaisir d'autres avis et suggestions dans les commentaires.

La page d'accueil est une page de renvoi

Comme toutes les pages de ton site web, la page d'accueil est une page de renvoi. Tu peux en lire plus à ce sujet dans notre article sur la meilleure façon de créer les pages de renvoi. Une fois que tu t'en es rendu·e compte, tu as déjà fait beaucoup puisque tu peux ensuite repenser ton design.

Dans l'idéal, tu as même recueilli des données sur ta page d'accueil. D'où viennent les personnes qui atterrissent sur ta page d'accueil ? Quels sont leurs objectifs ? Comment peux-tu les aider à les atteindre ? Quel est l'objectif de la page de renvoi pour toi ? Quelles informations souhaites-tu transmettre ?

Analyse de ton site web

Il est extrêmement important de recueillir des chiffres sur ta page d'accueil et tes autres sous-pages. Après tout, c'est le seul moyen de savoir si ton contenu et ta conception fonctionnent. Tu peux lire nos guides sur les indicateurs clés de performance, le Content Hub (centre pour le contenu) et les tests de contenu.

D'où viennent tes visiteur·euse·s ?

Dans la plupart des cas, les utilisateur·rice·s passent par Google, par tes activités de marketing (il peut s'agir d'une carte de visite, par exemple) ou par les profils des réseaux sociaux sur ta page d'accueil. Ces visiteur·euse·s ne savent peut-être pas vraiment ce que fait ton entreprise. Cependant, ils recherchent évidemment une entreprise qui offre tes services ou tes informations. Sinon, ils ne se donneraient pas la peine de visiter ta page d'accueil.

Dans de nombreux cas, ils peuvent lire un article sur ton site web que tu as partagé sur Instagram, par exemple, puis se rendre sur la page d'accueil pour voir ce que l'entreprise fait réellement. Il faut maintenant offrir quelque chose aux utilisateur·rice·s ! Et la première chose est de répondre à la question :

Que fait le site web ou l'entreprise, au juste ?

Ceci est malheureusement souvent oublié. La première chose à laquelle une page d'accueil doit répondre pour ses visiteur·euse·s est : "Suis-je au bon endroit ici ?" Parce qu'iels viennent de quelque part, atterrissent sur ta page, et ne savent encore rien. Iels ont besoin d'une confirmation dès le début qu'iels ont atterri sur la bonne page. C'est comme une friandise pour commencer leur expérience utilisateur (UX):

Tu es venu·e au bon endroit. Tu peux respirer et obtenir des informations ici en toute décontraction !

Voici ma suggestion : trois à quatre phrases qui expliquent brièvement mais précisément ce que tu offres, avec un lien en dessous pour celles et ceux qui souhaitent en savoir plus. C'est à cela que sert Internet, à obtenir plus d'informations en un clic.

Page d'accueil Texte de base
La page d'accueil d'un cabinet avec un texte d'introduction sobre

C'est là que j'ai souvent le plus d'avis contraires : il faut d'abord que les gens s'impliquent émotionnellement pour qu'iels restent. Par exemple : "Nous allons mettre une grande photo sur la page d'accueil et laisser les actualités défiler via un curseur pour qu'iels puissent voir à quel point nous sommes une grande entreprise mondiale."

À propos des grands curseurs : ils ne fonctionnent pas. Beaucoup ont déjà écrit à ce sujet. La page Should I use a carousel ? est un bon début. De même, la déclaration "c'est important, nous l'avons mis dans la barre latérale" ne fonctionne plus, car la barre latérale n'est tout simplement plus à jour et ne s'intègre pas bien dans une conception web réactive.

Un discours émotionnel

Je soutiens totalement l'idée de s'adresser au groupe cible sur le plan émotionnel. Non seulement cela connecte tes client·e·s sur le plan factuel, cela sollicite aussi le cerveau humain d'une manière complètement différente. À mon avis, cependant, le premier message devrait toujours être "Que faites-vous réellement ?". Comment faire aussi entrer le niveau des émotions dans ce message ?

Il s'agit d'une décision stratégique qui doit être fondée sur l'identité d'entreprise (Corporate Identity, CI) de ton entreprise. Ton CI comprend la manière dont tu t'adresses à ton groupe cible. Il y a essentiellement trois possibilités :

  • à travers du texte,
  • à travers le design,
  • ou à travers des images ou des vidéos.

Appel à travers le texte

Chacun·e utilise un site web de manière très différente. Cela signifie que tu ne sais pas comment chaque personne trouve quelque chose sur ton site web. Par exemple, la première chose qu'elles utilisent est le menu, la recherche, puis le balayage des rubriques ou des liens de ton site. Cependant, le premier point d'ancrage le plus courant sur lequel elles se fixent est le premier texte de la page qui te donne des informations. De nombreuses études ont montré que c'était le cas. Tu peux "façonner" ce texte de manière très différente à l'aide de l'adresse et de la tonalité.

"Je suis Phillip Roth, je crée un site web pour votre entreprise" sonne différemment que "Hey, je suis un influenceur de webdesign qui optimise votre UX de folie pour des KPI au top en croissance !" Examine bien ton groupe cible et adapte le ton en conséquence. Il fait autant partie de ton identité d'entreprise que de ton design.

Appel par le design

Un design attrayant n'est pas seulement synonyme de professionnalisme, il doit aussi toucher le public sur un plan émotionnel. Tu peux lire notre article sur les principes de base pour un webdesign harmonieux. Les couleurs, le choix de polices, les éléments de conception - tous ces éléments peuvent transmettre aux visiteur·euse·s la confiance, la joie, la fraîcheur, la folie et bien d'autres émotions. Le design d'entreprise fait partie du message global que ton entreprise veut faire passer. Les éléments de confiance tels que les certificats peuvent apporter des points supplémentaires.

Page d'accueil Images Emotions
Page d'accueil avec un appel et un texte d'introduction émotionnels

Images ou vidéos

L'image de ton entreprise est également façonnée par le langage visuel. Vous êtes une entreprise mondiale de 600 employé·e·s et des gratte-ciel sympas à Shanghai ou une petite manufacture avec un bel atelier ? Tu es un coach avec de belles salles d'atelier ou un·e médecin avec un cabinet chic ? C'est ce que tes visiteur·euse·s veulent savoir et voir. Iels veulent savoir : "Puis-je m'y sentir à l'aise ?", "Le produit me plaît-il ?", "S'agit-il d'une entreprise à laquelle je pourrais postuler ?", "Des gens normaux y travaillent-iels ?", "Sont-iels sympathiques ?".

Tout cela peut être transmis en quelques millisecondes avec une ou plusieurs belles images. Mais pour cela, les images doivent être authentiques parce que ce que tu montres de toi-même et de ton équipe doit être réel, de nos jours. Sinon, les gens ne se sentiront pas pris au sérieux. Plus personne ne veut voir la photo de stock avec l'étrange opérateur téléphonique blond, tout aussi peu qu'une étrange salle de réunion remplie de personnes souriantes mais "fausses".

Tu as peut-être même une bonne vidéo explicative qui résume tes services en 30 secondes, ou peut-être as-tu une vidéo en arrière-plan qui montre ton hôtel de luxe et le magnifique paysage environnant. Tout ce qui soutient ton identité d'entreprise et le message associé est bon !

Page d'accueil Concept de couleur
Page d'accueil avec des photos attrayantes et un concept de couleur homogène

Quelle est la prochaine étape ?

Nous avons donc maintenant l'attention des visiteur·euse·s. Iels savent maintenant : "Je suis au bon endroit, je me sens à l'aise". Ce qui suit est une décision stratégique : tu peux maintenant approfondir les informations que tu n'as que brièvement évoquées ici. Tu peux maintenant poursuivre, outre faire une bonne première impression, ton deuxième objectif.

Il est logique, à ce stade, de réfléchir à ce qu'est réellement cet objectif. Tu peux te référer à la stratégie de contenu adéquate. En effet, si les visiteur·euse·s ne sont pas fixé·e·s sur ton menu ou sur la recherche d'informations, alors iels se mettent à défiler sur le site. Que leur proposes-tu ensuite ?

Les possibilités sont multiples :

  • raconter une histoire,
  • approfondir l'information sur ton offre de services,
  • afficher les grands événements, les engagements ou les actualités,
  • proposer un outil de prise de rendez-vous, ainsi iels ne t'appellent pas toujours directement,
  • personnellement, je vends le plus via ma newsletter que je propose à de nombreux endroits sur le site,
  • publier un lien vers ta page d'offres d'emploi si tu recherches de nouveaux·elles employé·e·s,
  • publier les commentaires positifs,

Comme tu peux déjà le constater, il existe de nos jours des centaines de façons de concevoir la page d'accueil. Et il n'y a certainement pas de formule standard pour mener tes client·e·s à la conclusion souhaitée. Tu dois essayer par toi-même. Cependant, garde à l'esprit que ta page d'accueil ou ta page de renvoi ne bénéficie pas d'une attention infinie. Il est très rare que quelqu'un fasse défiler 27 mètres de site web et absorbe quand même toutes les informations.

Page d'accueil Témoignages
La page d'accueil avec un devis et les services offerts

Pour la création de la page d'accueil, j'aime utiliser ce qu'on appelle des "wireframes" ou des maquettes fonctionnelles. Tu y tries, dans des rectangles simples avec des cadres gris, le contenu de la page d'accueil sans contenu réel, sans conception. Tu peux le faire sur une feuille de papier ou avec des programmes tels qu'Adobe XD, Sketch, Photoshop, InDesign, ou même Powerpoint. Comme je l'ai dit précédemment, laisse le design en dehors de tout cela pour l'instant. À ce stade, tu veux savoir, par exemple :

  • Qu'est-ce qui devrait figurer sur la page d'accueil ?
  • Qu'est-ce qui n'a pas besoin d'y être ?
  • Est-ce que tout cela devient trop ?
  • L'objectif peut-il être atteint avec l'espace disponible ?
  • Les visiteur·euse·s voient-iels l'appel à l'action suffisamment tôt ?
Maquette de fil de fer Adobe XD
Fil de fer dans Adobe XD

Va droit au but !

Maintenant que tu as fixé ton objectif secondaire et donné aux utilisateur·rice·s toutes les informations que tu peux présenter dans l'espace limité, tu dois clarifier ton objectif. Le meilleur endroit pour le faire est en bas de la page. Comme je l'ai déjà expliqué, tu peux y mettre en évidence les informations les plus importantes, placer l'appel à l'action ou inviter l'utilisateur·rice à te contacter avec une photo de toi à côté de tes coordonnées. Quel que soit ton deuxième objectif de la page, tu peux maintenant le mettre en évidence avant que ton pied de page n'arrive. Ta page d'accueil est, comme je l'ai dit au début de cet article, une page de renvoi.

Le pied de page peut à nouveau fonctionner comme une navigation secondaire, par exemple si tu souhaites y proposer plus d'informations. Beaucoup aiment aussi regarder tes mentions légales pour savoir si tu es un·e prestataire sérieux. Mais attention ! Trop d'éléments dans ton pied de page peuvent détourner l'attention de ton objectif réel. Si, par exemple, l'inscription à la newsletter y figure mais que tu n'écris une newsletter qu'une fois par an, cela est peut-être moins utile.

Conclusion

Considère ta page d'accueil comme une page de renvoi. Donne à tes visiteur·euse·s le sentiment d'avoir atterri sur la bonne page. Renforce ce sentiment par une approche axée sur le groupe cible, un design chic et des images authentiques qui le soutiennent.

Définis précisément ton objectif secondaire. Mène les visiteur·euse·s jusque-là. Si possible, vérifie avec des analyses et des tests A/B si cela fonctionne, et ce qui pourrait fonctionner encore mieux. À mon avis, on ne peut pas rendre une page d'accueil beaucoup plus parfaite que cela.

Comme tu peux le voir sur les pages que j'ai créées dans cet article (voir les captures d'écran), même mes conseils n'ont pas toujours abouti au résultat que je voulais. Pour cette raison, je suis heureux de lire tes retours et tes idées dans les commentaires ! Tu as peut-être trouvé la formule idéale pour ta page d'accueil ?

Tes questions au sujet de l'article

Tu as des questions pour Phillip ou des astuces pour la création de la page d'accueil ? Nous attendons avec impatience tes commentaires. Tu souhaites être informé·e des nouveaux articles sur WordPress et le webdesign ? Suis alors RAIDBOXES sur Twitter, Facebook, LinkedIn ou via notre newsletter.

Phillip est un designer indépendant et, depuis 2011, il conçoit, modèle, crée et entretient des sites web WordPress accessibles à tou·te·s pour ses client·e·s à Cologne. Pendant de nombreuses années, il a co-organisé le WordCamp Europe et d'autres WordCamps locaux. En tant que concepteur en communication, Phillip aime également concevoir des logos, des équipements commerciaux et du matériel publicitaire jusque pour des stands de salon.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.