Conception de la page d'accueil : comment faire de votre page d'accueil un succès

8 Min.
Conseils pour la conception de la page d'accueil

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

Je parle des entreprises ci-dessous, mais les principes s'appliquent en de nombreux points à un simple blog, à votre site d'intérêt particulier ou encore au site de votre groupe. 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é des entreprises
  • Montrez que l'entreprise est à jour, par des nouvelles et en vous connectant à Facebook, Instagram, etc.
  • Mais l'histoire des fondateurs doit aussi s'accorder avec la narration
  • L'abonnement au bulletin d'information doit être visible à tout moment

De même, vous souhaitez généralement faire le point sur les nouvelles offres d'emploi, les itinéraires, votre 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 en dit plus que mille mots

Vous pouvez voir où cela mène : La page d'accueil ne peut pas et ne doit pas tout faire, s'il vous plaît. Il faut aborder la question de manière conceptuelle et stratégique et réfléchir à ce qui devrait être exposé là et pourquoi. Mon approche n'est certainement pas la seule, et n'est peut-être même pas la meilleure pour votre 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 votre site web, la page d'accueil est une page de renvoi. Voir notre article sur la meilleure façon de concevoir les pages de renvoi. Une fois que vous vous en êtes rendu compte, vous avez déjà accompli beaucoup de choses. Parce qu'alors, vous réfléchissez.

Dans l'idéal, vous avez même recueilli des données sur votre page d'accueil. D'où viennent les personnes qui atterrissent sur votre page d'accueil ? Quels sont leurs objectifs ? Comment pouvez-vous les aider à faire cela ? Quel est l'objectif de la page d'accueil pour vous ? Quelles informations voulez-vous transmettre ?

Analyse de votre site web

Il est extrêmement important de collecter des chiffres sur votre page d'accueil et vos autres sous-pages. Après tout, c'est le seul moyen de savoir si votre contenu et votre conception fonctionnent. Lisez nos guides sur les indicateurs clés de performance du contenu, le centre de contenu et les tests de contenu.

D'où viennent vos visiteurs ?

Dans la plupart des cas, les utilisateurs passent par Google, par vos activités de marketing (il peut s'agir d'une carte de visite, par exemple) ou par les profils des médias sociaux sur votre page d'accueil. Ces visiteurs ne savent peut-être pas vraiment ce que fait votre entreprise. Cependant, ils recherchent évidemment une entreprise qui offre vos services ou vos informations. Sinon, ils ne se donneraient pas la peine de visiter votre page d'accueil.

Dans de nombreux cas, ils peuvent lire un article sur votre site web que vous avez 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 utilisateurs ! Et la première chose est de répondre à la question :

Que fait le site web ou l'entreprise de toute façon ?

Malheureusement, cela est souvent oublié. La première chose à laquelle une page d'accueil doit répondre pour ses visiteurs est : "Suis-je au bon endroit ici ? Parce qu'ils viennent de quelque part, atterrissent sur votre page - et ne savent encore rien. Ils ont besoin d'une confirmation dès le début qu'ils ont atterri sur la bonne page. C'est comme un petit bonbon pour commencer leur expérience d'utilisateur (UX):

Vous êtes venu au bon endroit. Vous pouvez vous détendre et obtenir des informations !

Voici ma suggestion : Trois à quatre phrases qui expliquent brièvement mais précisément ce que vous offrez. Avec un lien en dessous si vous voulez en savoir plus. C'est à cela que sert l'internet, à obtenir plus d'informations en un clic.

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

C'est là que j'ai souvent le plus de vent contraire : il faut d'abord que les gens s'impliquent émotionnellement pour qu'ils restent. Par exemple : "Nous allons mettre une grande photo sur la page d'accueil et laisser les nouvelles défiler via un curseur. Pour qu'ils 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 Devrais-je utiliser un carrousel ? 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 pas à jour - et ne s'intègre pas bien dans une conception web réactive.

Appel émotionnel

Je donne un "oui" retentissant à l'idée de m'adresser au groupe cible sur le plan émotionnel. Non seulement cela lie vos clients sur le plan factuel, mais cela fait aussi appel au cerveau d'une manière complètement différente. À mon avis, cependant, le premier message devrait toujours être "Que faites-vous réellement ? Comment faire entrer aussi le niveau des émotions ?

Il s'agit d'une décision stratégique qui doit être basée sur l'identité d'entreprise (CI) de votre entreprise. Votre IC comprend la manière dont vous vous adressez à votre groupe cible. Il y a essentiellement trois possibilités :

  • À propos du texte
  • À propos du design
  • A propos des photos ou des vidéos

Discours sur le texte

Les gens utilisent un site web de manière très différente. Cela signifie que vous ne savez pas comment ils trouvent quelque chose sur votre site web. Par exemple, la première chose qu'ils utilisent est le menu, la recherche, puis le balayage des rubriques ou des liens de votre page. Cependant, le premier point d'ancrage le plus courant sur lequel ils se fixent est le premier texte de la page qui vous donne des informations. De nombreuses études ont montré que c'était le cas. Vous pouvez "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 fais un site web pour votre entreprise" sonne différemment que "Hé, je suis un influenceur de web design qui optimise votre UX fou pour les KPI les plus élevés !" Examinez bien votre public cible et adaptez votre ton de voix en conséquence. Elle fait autant partie de votre identité d'entreprise que de votre design.

Adressage par le dessin

Un design attrayant n'est pas seulement synonyme de professionnalisme, il est aussi émotionnel. Voir notre article sur les principes de base pour une conception web harmonieuse. Les couleurs, le choix des polices, les éléments de conception - tous ces éléments peuvent transmettre aux visiteurs la confiance, la joie, la fraîcheur, la folie et bien d'autres émotions. Le design d'entreprise fait partie du message global que votre 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 appel émotionnel et texte d'introduction

Photos ou vidéos

L'image de votre entreprise est également façonnée par le langage visuel. Vous êtes une entreprise mondiale de 600 employés et des gratte-ciel sympas à Shanghai ou une petite manufacture avec un bel atelier ? Vous êtes un entraîneur avec de belles salles d'atelier ou un médecin avec un cabinet chic ? C'est ce que vos visiteurs veulent savoir et voir. Ils 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-ils ? "Sont-ils 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 vous montrez de vous-même et de votre équipe doit être réel aujourd'hui. 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".

Vous avez peut-être même une bonne vidéo explicative qui résume vos services en 30 secondes. Ou peut-être avez-vous une vidéo en arrière-plan qui montre votre hôtel de luxe et le magnifique paysage environnant. Tout ce qui soutient votre 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 uniforme

Quelle est la prochaine étape ?

Nous avons donc maintenant l'attention des visiteurs. Ils savent maintenant : "Je suis au bon endroit, je me sens à l'aise. Ce qui suit est une décision stratégique : vous pouvez maintenant approfondir les informations que vous n'avez que brièvement évoquées ici. Vous pouvez maintenant poursuivre - outre la première impression - votre deuxième objectif.

Il est logique, à ce stade, de réfléchir à ce qu'est réellement cet objectif. Voir également la stratégie de contenu associée. Car si les visiteurs ne sont pas fixés sur votre menu ou sur la recherche d'informations, alors ils se mettent à défiler. Que leur proposez-vous ensuite ?

Les possibilités sont multiples :

  • Raconter une histoire
  • Approfondir l'information sur votre offre de services
  • Afficher les grands événements, les engagements ou les nouvelles
  • Proposer un outil de prise de rendez-vous, puis ils ne vous appellent pas toujours directement
  • Personnellement, je vends le plus par le biais de mon site newsletter, je le propose à de nombreux endroits sur le site
  • Lien vers votre page d'emploi si vous recherchez de nouveaux employés
  • Afficher les bonnes critiques

Comme vous pouvez le voir, il existe maintenant des centaines de façons de concevoir la page d'accueil. Et il n'y a certainement pas de recette standard pour mener vos clients à la conclusion souhaitée. Vous devrez l'essayer. Cependant, gardez à l'esprit que votre page d'accueil ou votre page de destination ne bénéficie pas d'une attention infinie. Il est très rare que quelqu'un fasse défiler 27 mètres - 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 ce concept, j'aime utiliser ce qu'on appelle des "wireframes" ou des maquettes. C'est-à-dire que vous triez dans des rectangles simples avec des cadres gris le contenu de la page d'accueil. Sans contenu réel, sans conception. Vous pouvez le faire sur une feuille de papier ou avec des programmes comme Adobe XD, Sketch, Photoshop, InDesign ou même en Powerpoint. Comme je l'ai dit, laissez le design en dehors de tout cela pour l'instant. À ce stade, vous voulez savoir, par exemple :

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

Allez droit au but !

Maintenant que vous avez fixé votre objectif secondaire et donné aux utilisateurs toutes les informations que vous pouvez faire entrer dans l'espace limité, vous devez clarifier votre objectif. Le meilleur endroit pour le faire est en bas de la page. Comme je l'ai dit : vous pouvez y mettre en évidence les informations les plus importantes, placer l'appel à l'action ou inviter l'utilisateur à vous contacter en lui envoyant une photo de vous - à côté de vos coordonnées. Quel que soit votre deuxième objectif de la page : vous pouvez maintenant la placer avant que votre pied de page n'arrive. Votre page d'accueil est - comme je l'ai dit au début - une page de renvoi.

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

Conclusion

Considérez votre page d'accueil comme une page de renvoi. Donnez à vos visiteurs le sentiment d'avoir atterri sur la bonne page. Renforcez ce sentiment par une approche axée sur le groupe cible, un design chic et des images authentiques qui le soutiennent.

Définissez précisément votre objectif secondaire. Conduisez les visiteurs là-bas. Si possible, vérifiez avec des analyses et des tests A/B si cela fonctionne. Et ce qui fonctionne encore mieux. À mon avis, on ne peut pas rendre une page d'accueil beaucoup plus parfaite que cela.

Comme vous pouvez le voir sur les pages que j'ai créées (voir les captures d'écran) dans ce post, même mes conseils n'ont pas toujours abouti au résultat que je voulais :- ; je suis heureux d'entendre de nouvelles idées de votre part, dans les commentaires, juste pour cette raison ! Vous avez peut-être trouvé la formule idéale pour votre page d'accueil ?

Vos questions sur le poste

Tu as des questions pour Phillip, ou des astuces pour la conception 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 *.