Conseils pour le design de la page d'accueil

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

La page d'accueil ou la page de démarrage sont pour beaucoup le sanctuaire d'un site web. Elle doit remplir de nombreux objectifs et servir différents groupes cibles. Et de préférence en même temps. A quoi ressemblent un bon discours et un design de page d'accueil ciblé ? Voici un aperçu des conseils les plus importants.

Dans ce qui suit, je parle d'entreprises, mais les principes s'appliquent aussi en grande partie à un simple blog, à ton site d'intérêt spécial ou à celui de ton groupe. La page d'accueil doit

  • Montrer l'entreprise, l'agence ou le service sous son meilleur jour
  • Représenter en même temps tous les domaines d'activité de l'entreprise
  • Montrer que l'entreprise est à jour, grâce aux actualités et à la connexion à Facebook, Instagram, etc.
  • Mais le storytelling avec l'histoire des fondateurs/fondatrices doit aussi être adapté.
  • L'inscription à la newsletter doit être visible en permanence

De même, tu veux généralement afficher les nouvelles offres d'emploi, le trajet, ton adresse, tous les numéros de téléphone avec les personnes à contacter. Et ainsi de suite.

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

Tu vois déjà où cela nous mène : La page d'accueil ne peut et ne doit pas faire tout cela. Il faut adopter une approche conceptuelle et stratégique et bien réfléchir à ce que l'on veut montrer et pourquoi. Mon approche n'est certainement pas la seule et peut-être même pas la meilleure pour ton entreprise. Mais j'essaierai de justifier tous les conseils. Mais j'apprécie aussi les autres avis et suggestions dans les commentaires.

"*" indique les champs requis

Je souhaite m'abonner à la newsletter pour être informé des nouveaux articles de blog, des ebooks, des fonctionnalités et des nouvelles de WordPress. Je peux retirer mon consentement à tout moment. Merci de prendre connaissance de notre politique de confidentialité.
Ce champ sert à la validation et ne doit pas être modifié.

La page d'accueil est une page de renvoi

Comme toutes les pages de ton site, la page d'accueil est une page de renvoi. Consulte notre article sur la conception optimale des landing pages. Une fois que tu as réalisé cela, tu as déjà fait beaucoup. C'est à ce moment-là que tu penses à autre chose.

Dans l'idéal, tu as même déjà collecté des données sur ta page d'accueil. D'où viennent les gens qui atterrissent sur ta page d'accueil ? Que veulent-ils atteindre ? Comment peux-tu les aider à y parvenir ? Quel est l'objectif réel de la page de destination pour toi ? Quelles informations doivent être transmises ?

Analyse de ton site web

Collecter des chiffres sur ta page d'accueil et tes autres pages secondaires est extrêmement important. C'est la seule façon de savoir si ton contenu et ton design mènent au but. Lis nos instructions sur les KPI de contenu, sur le hub de contenu et sur les tests de contenu.

D'où viennent tes visiteurs ?

Dans la plupart des cas, les utilisateurs passent par Google, par tes activités de marketing (il peut s'agir par exemple d'une carte de visite) ou par les profils des médias sociaux sur ta page d'accueil. Ces visiteurs ne savent peut-être pas encore vraiment ce que fait ton entreprise. Mais ils sont manifestement à la recherche d'une entreprise qui propose tes services ou des informations. Sinon, ils ne prendraient pas la peine d'aller sur ta page d'accueil.

Dans de nombreux cas, ils lisent d'abord un article sur ton site web que tu as partagé sur Instagram, par exemple, avant d'aller sur la page d'accueil. Pour voir ce que fait l'entreprise. Maintenant, tu dois offrir quelque chose aux utilisateurs ! Et la première chose à faire est de répondre à la question :

Que fait l'entreprise de toute façon ?

Malheureusement, on l'oublie souvent. La première chose à laquelle une page d'accueil doit répondre est : "Suis-je au bon endroit ? Car ils viennent de quelque part, atterrissent sur ton site WordPress - et ne savent encore rien. Ils ont besoin de savoir dès le début qu'ils ont atterri sur la bonne page. C'est comme un petit bonbon au début de leur expérience utilisateur (UX):

Tu es au bon endroit. Tu peux respirer et obtenir tes informations en toute sérénité !

Ma suggestion est ici : Trois ou quatre phrases qui expliquent brièvement mais précisément ce que tu proposes. Avec un lien en dessous si tu veux en savoir plus. C'est à cela que sert Internet : à obtenir plus d'informations en un seul clic.

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

C'est souvent là que je reçois le plus de vents contraires : il faut d'abord aller chercher les gens sur le plan émotionnel pour qu'ils restent. Du genre : "Nous mettons une image géante sur la page d'accueil, puis nous faisons entrer les nouvelles par un slider. Pour qu'ils voient à quel point nous sommes une grande entreprise mondiale".

Concernant les grands sliders : ils ne fonctionnent pas. Beaucoup ont déjà écrit à ce sujet. Le site Should I use a carousel ? est un bon début. Malheureusement, l'affirmation "c'est important, mettons-le dans la sidebar" ne fonctionne plus non plus, car la sidebar n'est tout simplement plus à la mode - et s'accorde mal avec le responsive web design.

Approche émotionnelle

Je dis un grand "oui" à l'approche émotionnelle du groupe cible. Cela n'engage pas seulement tes clients à un niveau factuel, mais cela interpelle aussi le cerveau d'une toute autre manière. Cependant, le premier message devrait toujours être : "Qu'est-ce que vous faites ? Comment ajouter le niveau des émotions ?

C'est une décision stratégique qui doit être basée sur l'identité d'entreprise (CI) de ton entreprise. Ton CI comprend la manière dont tu t'adresses à ton groupe cible. Il existe en principe trois possibilités :

  • A propos du texte
  • A propos du design
  • Par le biais d'images ou de vidéos

Discours sur le texte

Les gens utilisent un site web de manière très différente. Cela signifie que tu ne sais pas comment ils trouvent quelque chose sur ton site. Par exemple, ils utilisent d'abord le menu, la recherche, puis scannent les titres ou les liens sur ton site WordPress. Cependant, le premier point d'ancrage le plus courant qu'ils fixent est le premier texte du site qui te donne des informations. C'est ce que révèlent de nombreuses études. Tu peux "façonner" ce texte de manière très différente en utilisant le discours et le ton.

"Je suis Phillip Roth, je crée un site web pour ton entreprise" ne sonne pas de la même manière que "Hey, je suis un influenceur en webdesign et j'optimise ton UX folle pour des KPIs en hausse maximale" ! Regarde bien ton groupe cible et adapte le ton en conséquence. Elle fait partie de ton identité d'entreprise au même titre que ton design.

Approche par le design

Un design attrayant ne transmet pas seulement du professionnalisme, il touche aussi émotionnellement. Voir notre article sur les principes de base d'un design web harmonieux. Les couleurs, le choix de la police, les éléments de design - tout cela peut transmettre aux visiteurs la confiance, la joie, la coolitude, la décontraction et bien d'autres émotions. Le design d'entreprise fait partie de l'image globale du message que ton entreprise veut véhiculer. Des éléments favorisant la confiance comme les certificats peuvent apporter des points bonus supplémentaires.

Page d'accueil Images Emotions
Page d'accueil avec discours émotionnel et texte d'introduction

Des images ou des vidéos

L'image de ton entreprise est également façonnée par le langage visuel. Es-tu une entreprise mondiale avec 600 employés et des gratte-ciel cool à Shanghai ou une petite manufacture avec un bel atelier ? Tu es coach et tu as de belles salles d'atelier ou médecin avec un cabinet chic ? C'est ce que tes visiteurs veulent savoir et voir. Ils veulent savoir : "Est-ce que je peux m'y sentir à l'aise ?", "Est-ce que le produit m'attire ?", "Est-ce que c'est une entreprise où j'aimerais postuler ?", "Est-ce que des gens normaux y travaillent ?" "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. Car ce que tu montres de toi et de ton équipe doit être authentique de nos jours. Sinon, les gens ne se sentent pas pris au sérieux. Personne ne veut plus voir la photo de stock de la téléphoniste blonde étrangère. Pas plus qu'une salle de réunion inconnue, remplie de personnes souriantes mais "fausses".

Peut-être même que tu as une bonne vidéo explicative qui résume tes prestations en 30 secondes. Ou alors, il y a une vidéo en arrière-plan qui montre ton hôtel chic et le beau paysage des environs. Tout ce qui soutient ton identité d'entreprise et le message qui y est associé est bon à prendre !

Page d'accueil Color Concept
Page d'accueil avec des photos attrayantes et un concept de couleurs uniforme

Et maintenant ?

Maintenant, nous avons donc l'attention des visiteurs. Ils savent maintenant : "Je suis au bon endroit, je me sens bien". Ce qui suit est une décision stratégique : tu peux maintenant approfondir les informations que tu as brièvement évoquées ici. Maintenant, en plus de la première impression, tu peux poursuivre ton deuxième objectif.

A ce stade, il est logique de réfléchir à la nature de cet objectif. Voir aussi la stratégie de contenu correspondante. Car si les visiteurs ne se concentrent pas sur ton menu ou sur la recherche d'informations, ils commencent à scroller. Qu'est-ce que tu leur proposes ensuite ?

Les possibilités sont nombreuses :

  • Raconte une histoire
  • Approfondis les infos sur ton offre de services
  • Montre les super événements, les engagements ou les nouvelles
  • Propose un outil de réservation de rendez-vous, ainsi ils ne t'appelleront pas toujours directement.
  • Je vends le plus personnellement via ma newsletter, je l'offre à de nombreux endroits sur le site.
  • Renvoie à ta page d'emploi si tu cherches de nouveaux collaborateurs.
  • Afficher les super critiques

Comme tu peux le constater, il existe des centaines de possibilités pour aménager la page d'accueil. Et il n'y a certainement pas de recette standard pour amener tes clients à la conclusion souhaitée. C'est à toi d'essayer. Mais garde à l'esprit que ta page d'accueil ou ta page de destination ne reçoit pas une attention infinie. Il est rare que quelqu'un fasse défiler 27 mètres - et qu'il absorbe toutes les informations.

Témoignages sur la page d'accueil
La page d'accueil avec une citation et les services offerts

Pour cette conception, j'aime utiliser ce que l'on appelle des wireframes ou des mockups. C'est-à-dire que l'on trie dans de simples rectangles avec des cadres gris le contenu de la page d'accueil. Sans contenu réel, sans design. Tu peux le faire sur une feuille de papier ou avec des programmes comme Adobe XD, Sketch, Photoshop, InDesign ou même Powerpoint. Comme je l'ai dit, laisse le design de côté pour le moment. A ce stade, tu veux savoir par exemple

  • Qu'est-ce qui doit absolument figurer sur la page d'accueil ?
  • Qu'est-ce qui ne doit pas nécessairement y figurer ?
  • Est-ce que tout cela devient trop lourd à porter ?
  • L'espace disponible permet-il d'atteindre l'objectif ?
  • Est-ce que les visiteurs voient l'appel à l'action assez tôt ?
Mockup Wireframes Adobe XD
Wireframes dans Adobe XD

Va droit au but !

Maintenant que tu as défini ton deuxième objectif et que tu as donné aux utilisateurs:trices toutes les informations que tu pouvais placer dans l'espace limité, tu devrais clarifier ton objectif. Le mieux est de le faire en bas de la page. Comme tu l'as dit, tu peux y mettre en évidence l'information la plus importante, placer l'appel à l'action ou inviter à te contacter avec une photo de toi, à côté de tes données de contact. Quel que soit ton deuxième objectif sur la page, tu peux le placer avant ton pied de page. Ta page d'accueil est - comme mentionné précédemment - une page de destination.

Le pied de page peut également servir de navigation secondaire, par exemple si tu souhaites y proposer des informations supplémentaires. Beaucoup de gens aiment aussi regarder tes mentions légales pour savoir si tu es un fournisseur sérieux. Mais attention ! Trop d'éléments dans ton pied de page peuvent détourner l'attention de ton objectif principal. Si l'inscription à la newsletter y figure, mais que tu n'écris une newsletter qu'une fois par an, cela peut être moins efficace.

"*" indique les champs requis

Je souhaite m'abonner à la newsletter pour être informé des nouveaux articles de blog, des ebooks, des fonctionnalités et des nouvelles de WordPress. Je peux retirer mon consentement à tout moment. Merci de prendre connaissance de notre politique de confidentialité.
Ce champ sert à la validation et ne doit pas être modifié.

Conclusion sur le design de la page d'accueil

Considère ta page d'accueil comme une page de renvoi. Donne à tes visiteurs le sentiment qu'ils ont atterri sur la bonne page. Renforce ce sentiment avec un discours adapté au groupe cible, un design élégant et des images authentiques.

Définis précisément ta deuxième destination. Guide les visiteurs vers cette destination. Vérifie, si possible, avec Analytics et des tests A/B, si cela fonctionne. Et ce qui fonctionne encore mieux. A mon avis, tu ne peux pas faire une page d'accueil beaucoup plus parfaite.

Comme tu peux le voir sur les pages que j'ai créées (voir les captures d'écran) dans cet article, même mes conseils n'ont pas toujours donné le résultat que je souhaitais. C'est pourquoi j'attends avec impatience tes nouvelles connaissances dans les commentaires ! Peut-être as-tu trouvé la formule parfaite pour ta page d'accueil ?

Tes questions sur l'article

Tu as des questions à poser à Phillip ? Ou un conseil pour la conception de la page d'accueil ? Nous nous réjouissons de ton commentaire. Tu veux être informé des nouveaux articles concernant WordPress et le design web ? Alors suis Raidboxes sur Twitter, Facebook, LinkedIn ou via notre newsletter.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

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