Conseils de conception de sites web

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 ce, de préférence, en même temps. À quoi ressemblent un bon discours et un design de page d'accueil ciblé ? Voici un aperçu des principaux conseils.

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 simultanément 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 également ê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 de contact. Et ainsi de suite.

optimiser les images de la page d'accueil
Une page d'accueil selon la devise : une image en dit plus que 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 aborder la question de manière conceptuelle et stratégique et réfléchir précisément à ce qui doit y être représenté et pourquoi. Mon approche n'est certainement pas la seule et peut-être même pas la meilleure pour ton entreprise. Mais je vais essayer de justifier toutes les indications. Je me réjouis toutefois de recevoir d'autres avis et suggestions dans les commentaires.

"*" indique les champs obligatoires

Consentement*
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. Voir notre article sur la conception optimale des landing pages. Une fois que tu as réalisé cela, tu as déjà fait beaucoup. En effet, c'est à ce moment-là que tu changes d'avis.

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 en fait l'objectif de la page de renvoi pour toi ? Quelles informations doivent être transmises ?

Analyse de ton site web

Il est extrêmement important de collecter des chiffres sur ta page d'accueil et tes autres sous-pages. C'est la seule façon de savoir si ton contenu et ton design mènent au but. Pour ce faire, lis nos instructions sur les indicateurs clés de performance (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 de 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, il se peut qu'ils lisent d'abord un article sur ton site web, que tu as par exemple partagé sur Instagram, et qu'ils se rendent ensuite sur la page d'accueil. Pour voir ce que fait l'entreprise. Maintenant, tu dois aussi proposer quelque chose aux utilisateurs ! Et la première chose à faire est de répondre à la question :

Que fait l'entreprise au juste ?

Malheureusement, on l'oublie souvent. La première chose qu'une page d'accueil doit répondre aux visiteurs est : "Suis-je au bon endroit ? Car ceux-ci 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 ici au bon endroit. Tu peux respirer et te détendre en allant chercher tes informations !

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

Page d'accueil Texte de base
La page d'accueil d'un cabinet médical 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 défiler les actualités par un slider. Pour qu'ils voient à quel point nous sommes une grande entreprise mondiale".

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

Un discours émotionnel

Je dis clairement "oui" à l'approche émotionnelle du groupe cible. Cela n'engage pas seulement tes clients sur un plan factuel, cela interpelle également le cerveau d'une toute autre manière. Le premier message devrait toutefois, à mon avis, toujours être : "Qu'est-ce que vous faites au juste ? Comment introduire en plus le niveau des émotions ?

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

  • À propos du texte
  • À 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. Ils utilisent par exemple en premier lieu le menu, la recherche, puis scannent les titres ou les liens sur ton site WordPress. Cependant, le premier point d'ancrage qu'ils fixent le plus souvent est le premier texte du site web qui vous donne des informations. C'est ce qu'ont montré de nombreuses études. Tu peux déjà "façonner" ce texte de manière très différente à l'aide du discours et de la tonalité.

"Je suis Phillip Roth, je crée un site web pour votre entreprise" ne sonne pas de la même manière que "Hé, je suis un influenceur en webdesign et j'optimise ton UX déjanté pour des KPI 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 le professionnalisme, il touche également l'émotionnel. Voir notre article sur les principes de base d'un design web harmonieux. Les couleurs, le choix des polices, 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 Corporate Design fait partie de l'image globale du message que ton entreprise veut transmettre. Des éléments favorisant la confiance, tels que des certificats, peuvent apporter des points bonus supplémentaires.

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

Images ou vidéos

L'image de ton entreprise est également façonnée par le langage visuel. Êtes-vous une entreprise mondiale avec 600 collaborateurs et des gratte-ciel sympas à 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 bien ?", "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 là-bas ?

Tout cela peut être transmis en quelques millisecondes par 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 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 as-tu même une bonne vidéo explicative qui résume tes prestations en 30 secondes. Ou alors, une vidéo montrant ton hôtel chic et les beaux paysages environnants est diffusée en arrière-plan. Tout ce qui soutient ton identité d'entreprise et le message qui y est associé est bon !

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

Et maintenant ?

Nous avons donc maintenant l'attention des visiteurs. Ceux-ci 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 n'as fait qu'effleurer ici. Maintenant, tu peux - en plus de la première impression - poursuivre ton deuxième objectif.

Il est utile à ce stade de réfléchir à la nature de cet objectif. Voir aussi la stratégie de contenu correspondante. Car si les visiteurs ne sont pas fixés sur ton menu ou sur la recherche d'informations, ils commencent à faire défiler la page. Qu'est-ce que tu vas leur proposer ensuite ?

Les possibilités sont nombreuses :

  • Raconte une histoire
  • Approfondis les informations sur ton offre de prestations
  • Afficher les événements, les engagements ou les nouveautés
  • Propose un outil de réservation de rendez-vous pour qu'ils ne t'appellent pas toujours directement.
  • C'est par le biais de ma newsletter que je vends le plus, je l'offre à de nombreux endroits sur le site web.
  • Renvoyer à ta page d'emploi si tu cherches de nouveaux collaborateurs/trices
  • Afficher les bonnes critiques

Tu vois déjà : il y a maintenant 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 de faire des essais. Mais n'oublie pas que ta page d'accueil ou ta page de renvoi n'attire pas l'attention indéfiniment. Il est rare que quelqu'un fasse défiler une page de 27 mètres - tout en absorbant toutes les informations.

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

Pour cette conception, j'utilise volontiers 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. On peut le faire sur une feuille de papier ou avec des programmes comme Adobe XD, Sketch, Photoshop, InDesign ou encore Powerpoint. Comme je l'ai dit, laisse le design de côté pour l'instant. A ce stade, on veut 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 ?
  • La surface disponible permet-elle d'atteindre l'objectif ?
  • Les visiteurs voient-ils l'appel à l'action suffisamment 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 toutes les informations que tu pouvais placer dans l'espace limité dont tu disposais, tu devrais clarifier ton objectif. Le mieux est de le faire en bas de la page. Comme nous l'avons déjà dit : tu peux y mettre en évidence les informations les plus importantes, 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 maintenant le placer avant ton pied de page. Comme mentionné précédemment, ta page d'accueil est une page de renvoi.

Le pied de page peut également servir de navigation secondaire, par exemple si tu souhaites y proposer d'autres informations. Beaucoup de gens aiment aussi regarder tes mentions légales pour voir 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'en écris qu'une fois par an, cela risque d'être moins efficace.

"*" indique les champs obligatoires

Consentement*
Ce champ sert à la validation et ne doit pas être modifié.

Conclusion sur la conception de sites web

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 ce but. Contrôle, si possible, avec Analytics et des tests A/B, si cela fonctionne. Et ce qui fonctionne peut-être encore mieux. À mon avis, on ne peut pas faire une page d'accueil beaucoup plus parfaite.

Comme on peut le voir sur les pages que j'ai créées (voir captures d'écran) dans cet article, même mes conseils n'ont pas toujours abouti au résultat que je souhaitais. C'est justement pour cette raison que je me réjouis de recevoir de nouvelles connaissances de ta part, dans les commentaires ! Peut-être as-tu trouvé la formule parfaite pour ta page d'accueil ?

Tes questions sur la contribution

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é(e) 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.