Créer un design de page d'accueil agréable : le guide en 10 étapes

Les pages d'accueil sont une caractéristique déterminante de tout site Web; leur potentiel pour impressionner votre marché cible est illimité. Qu'elle soit censée être attrayante et invitante ou aller droit au but, une page d'accueil doit être performante.

Les défis apparaissent une fois que vous commencez à penser à la variété des façons d'en concevoir un. Comment savoir quel style conviendrait le mieux à votre marque ? Voici notre ventilation complète de la conception de la page d'accueil.

La règle des 10 secondes

Une page d'accueil est la première impression d'un site. C'est comme l'intro d'une chanson, la première page d'un roman ou le premier épisode d'une série. Franchement, si cela n'accroche pas votre public, peu importe si le reste est bon. Vous pensez peut-être que le reste de votre site Web est stellaire, et vous avez peut-être raison. Mais sans une conception de page d'accueil attrayante, la plupart de votre public ne cherchera pas plus loin.

Vous pourriez être enclin à simplement embellir votre page d'accueil jusqu'aux cieux. (Je suis définitivement coupable de cela.) Vous serez peut-être surpris d'apprendre que la conception d'une page d'accueil est plus qu'une simple esthétique. Il s'agit de combiner les looks avec tout le reste de votre boîte à outils pour garder l'attention du spectateur.

Entrez la règle des 10 secondes. La règle des 10 secondes est basée sur une étude menée par Chao Liu. Et non, cela n'a rien à voir avec le fait de manger de la nourriture par terre (malheureusement).

Ce que Liu a détecté, c'est que les pages d'accueil ont une fenêtre de 10 secondes pour établir une connexion. En cas de succès, cette courte période convaincra inconsciemment le lecteur de rester sur la page. En cas d'échec, l'utilisateur cliquera dès qu'il sera venu. Habituellement, c'est ce dernier; soit la page d'accueil est ennuyeuse, inaccessible, envahissante, ou tout simplement pas ce que l'utilisateur recherche. Votre objectif en tant que propriétaire est de créer l'une des rares pages d'accueil sur lesquelles les gens restent.

Donc, en l'honneur de la règle des 10 secondes, je me sens obligé de vous donner 10 conseils utiles sur la façon de créer une page d'accueil. Pas n'importe quelle page d'accueil, mais une page d'accueil qui produira un trafic durable.

10. Communiquez les bases

Pensez à n'importe quel site Web que vous visitez régulièrement. Avez-vous passé beaucoup de temps à examiner chaque petit élément de la page d'accueil avant de décider de rester ? Aviez-vous initialement prévu de fréquenter ce site ? Ou avez-vous simplement cliqué sur un lien, scanné la page d'accueil et décidé que ce site Web correspondait à ce que vous recherchiez ?

90% des personnes qui tombent sur votre page d'accueil pour la première fois recherchent quelque chose. Généralement quelque chose de spécifique. Soit ils ont été recommandés par un ami pour votre site Web, ont cliqué sur l'une de vos annonces ou ont recherché un mot-clé sur Google. Quoi qu'il en soit, la plupart des nouveaux utilisateurs interagissent avec votre page d'accueil comme un moyen d'arriver à leurs fins.

Donc, vous voulez vous assurer que l'utilisateur sait exactement ce que votre site Web propose tout de suite. Qui vous êtes et ce que vous faites devrait être le principal sujet de discussion.

9. Pensez d'abord et avant tout au visiteur

La première chose que vous devez savoir sur votre public potentiel est que les humains sont égoïstes. Cela peut sembler un peu dur, mais c'est vrai. Lorsqu'ils visitent une page d'accueil, les gens ne se soucient généralement pas de votre entreprise ou de la façon dont elle a vu le jour. Ils se soucient de ce que votre site Web peut leur fournir. Que vous leur vendiez des choses, fournissiez une ressource ou offriez un service, les gens veulent connaître les avantages.

Pensez à ces essais convaincants que vous avez écrits au lycée. Le seul objectif était de convaincre le lecteur de quelque chose d'important. C'est l'objectif de votre page d'accueil : les convaincre, en quelques mots ou phrases, qu'ils devraient regarder le reste de votre site Web.

Pour commencer, vous souhaitez recueillir des informations sur ce que vos visiteurs aimeraient voir. Pensez au type de personnes que vos liens ou publicités attireront. Peut-être avez-vous déjà des personnes qui suivent votre marque sur les réseaux sociaux. Assurez-vous de surveiller leurs intérêts, leurs besoins et leur comportement.

De plus, pensez à qui vous voulez que votre page Web attire à l'avenir. Une page d'accueil destinée aux femmes d'âge moyen, par exemple, serait très différente de celle destinée aux adolescents. Votre jeu de couleurs, votre mise en page et vos images peuvent grandement dépendre de votre groupe démographique cible.

Maintenant que vous savez qui sont vos visiteurs potentiels, il est temps de vous occuper d'eux. Évitez de parler de vous en tant que marque ou entreprise. N'oubliez pas que les gens ne se soucient de vous que lorsqu'ils savent ce que vous pouvez leur apporter. Communiquez la valeur de votre entreprise. Soyez simple et rapide. Bien que les slogans et les jeux de mots puissent aider, ils ne sont pas nécessaires. Ce qui est vraiment important, c'est la lisibilité.

Une grammaire correcte et des phrases complètes ne sont pas toujours nécessaires. En fait, cela peut parfois nuire à votre page d'accueil. Pensez à la façon dont les gens interagissent les uns avec les autres dans le monde réel. Ils n'utilisent pas de longues phrases avec un vocabulaire étendu. Pas à moins qu'ils soient interviewés, ou au milieu d'un débat houleux.

Généralement, les gens apprécient l'écriture relatable. Les phrases courtes et incomplètes sont acceptables, tant qu'elles sont compréhensibles.

8. Décidez de votre mise en page

Bien sûr, la conception d'une page d'accueil ne concerne pas seulement les mots que vous utilisez. En tant que propriétaire du site Web, vous devez également structurer votre page d'accueil de manière à ce qu'elle soit à la fois trouvable et apprenable.

Qu'est-ce que cela signifie exactement?

• La trouvabilité décrit la facilité avec laquelle les utilisateurs trouvent quelque chose sur votre site.
• L'apprentissage est la rapidité avec laquelle un utilisateur peut comprendre comment naviguer sur un site.

La conception de l'interface utilisateur joue un rôle majeur dans la réalisation à la fois de l'apprentissage et de la recherche. Voici quelques directives générales à suivre lors de la création de l'interface utilisateur :

• Assurez-vous que les pages principales de votre site Web sont répertoriées directement sur votre page d'accueil.
• Envisagez d'inclure une barre de recherche afin que les utilisateurs puissent facilement accéder à la page qu'ils recherchent.
• Si vous avez une vente ou une autre annonce que vous souhaitez promouvoir, placez-la au premier plan de votre page d'accueil.

La chose la plus importante à retenir est que l'originalité n'est pas toujours un avantage. En tant que nouveau concepteur Web, vous pouvez ressentir le besoin de rendre votre interface utilisateur unique et complexe afin de vous démarquer de la concurrence. L'originalité est grande, mais une mise en page complètement étrangère est vouée à la confusion. Donc, mon conseil est de l'utiliser avec parcimonie.

Dans le cas de la conception de votre page d'accueil, vous pourriez dire qu'il est souvent préférable de ne pas être original. À moins que vos utilisateurs n'aient jamais visité un site Web auparavant, ils auront plus de facilité à naviguer dans une mise en page qui respecte les normes de base auxquelles ils sont habitués.

Voici un exemple de ce dont je parle :

Même si j'adore personnellement cette mise en page, vous devez admettre qu'il sera difficile pour les nouveaux utilisateurs de naviguer. Peut-être que le but de ce site Web est de semer la confusion chez les utilisateurs et, par tous les moyens, de leur donner plus de pouvoir.

Mais si votre objectif est de fournir une facilité de recherche et d'apprentissage, il est préférable d'opter pour une mise en page comme celle-ci :

7. Pensez à votre typographie

Une page d'accueil n'est pas une page d'accueil sans une sorte de texte. C'est ainsi qu'une page en ligne communique avec un visiteur, et vous auriez du mal à trouver un site Web fonctionnel sans cela.

Lorsque vous créez un site Web pour la première fois, vous pouvez être enclin à utiliser les polices les plus fantaisistes avec les couleurs les plus vives. Quand j'étais enfant, j'aimais aller sur wix.com pour créer une page d'accueil remplie de toutes les écritures cursives fantaisistes disponibles. Voici le truc : personne ne veut que son site Web ait l'air d'avoir été conçu par un enfant. Si vous allez trop loin avec la typographie, c'est exactement ce que les utilisateurs penseront.

La typographie stratégique est cruciale pour garder les gens sur votre page d'accueil. Non seulement il fournit des informations aux utilisateurs, mais il s'agit d'une extension de l'ensemble de votre marque. En général, il est préférable d'utiliser une police simple et/ou avec des graisses variables. Arial en est un excellent exemple. Non seulement c'est une police sûre et bien connue à utiliser, mais elle est également disponible en Arial Bold et Arial Black.

Maintenant, vous vous demandez peut-être : « et si je ne veux pas être en sécurité ? Peut-être souhaitez-vous que la typographie de votre site Web soit complexe ou unique tout en restant professionnelle. Eh bien, j'ai une bonne nouvelle pour vous : c'est tout à fait possible. Cela demandera cependant beaucoup plus de stratégie.

Mon conseil est de choisir deux ou trois polices que vous pouvez mélanger et assortir sur l'ensemble de votre site Web. Si vous souhaitez une police plus abstraite ou audacieuse, utilisez-la pour les titres et associez-la à une police plus sobre. Dans l'ensemble, il s'agit de créer une hiérarchie et de connecter des éléments qui se complètent.

Je vous recommande de lire cet article sur les aspects techniques de l'appariement des polices.

6. Pensez à vos images

L'imagerie est cruciale lors de la conception d'une page d'accueil. Tout comme la typographie, une page d'accueil n'est pas une page d'accueil sans aucun visuel. Les images ont un impact sur le sens général de l'utilisateur et sur ses attentes vis-à-vis de votre site Web. C'est comme la couverture d'un roman à succès ; il peut être tout aussi important que le titre lui-même.

Je suis prêt à parier que les yeux de la plupart des humains sont plus attirés par les visuels que par les mots. La raison pour laquelle nous avons écrit des mots est que nous aimons communiquer par le biais de dessins. Donc, pour donner le ton à votre site Web, vous devez avoir des images qui correspondent au sentiment que vous souhaitez invoquer.

Assurez-vous que chaque image est de haute qualité. Il est également judicieux d'optimiser les images de manière à faciliter leur chargement. Les utilisateurs en ligne ont très peu de patience et partiront si les images mettent trop de temps à apparaître.

5. Pensez à la composition

Dans le cas de la conception d'une page d'accueil, la composition fait référence à la combinaison harmonieuse d'images et de typographie. En bref, vous voulez vous assurer que la typographie que vous avez choisie correspond aux images choisies. C'est une chose assez délicate à équilibrer, d'autant plus que la composition est un peu subjective.

En général, vous voudrez que la composition incite les gens à interagir d'une manière ou d'une autre. Votre page d'accueil doit être conçue pour que les gens fassent défiler l'écran, interagissent avec la barre de menus ou cliquent sur certains liens.

Faites attention à l'objectif de ces fonctionnalités de la page d'accueil. Les images et le texte doivent partager des objectifs correspondants. Par exemple, de nombreux sites Web utilisent des images pour raconter une histoire. La typographie correspondante aide à transmettre un point tout en faisant avancer l'histoire.

Les marques de luxe font un très bon travail dans ce domaine. Lorsqu'ils proposent des produits sur leur page d'accueil, ils affichent des images de haute qualité, avec du texte pour détailler ce que le spectateur regarde.

4. Pensez à la couleur

Oui, même la couleur est un facteur dont il faut parler. Tout d'abord, la couleur joue un rôle dans la lisibilité de votre typographie. Le texte jaune avec un fond blanc, par exemple, est interdit. Il en va de même pour le texte noir sur fond bleu marine. Ne pas avoir suffisamment de contraste est une erreur courante mais préjudiciable en matière de conception de page d'accueil. Avoir à plisser les yeux pour lire le texte est une rupture immédiate pour la plupart des utilisateurs.

Bien sûr, tout n'est pas une question de fonction. La palette de couleurs joue un rôle majeur dans la création d'une esthétique attrayante. Certaines combinaisons de couleurs attireront l'œil humain, tandis que d'autres provoqueront un flétrissement interne. Il y a une raison pour laquelle vous ne verrez pas beaucoup de sites Web composés de texte vert et d'un fond orange. (Beurk !)

Bien que des couleurs discordantes puissent attirer l'attention d'un spectateur, il est préférable d'utiliser un peu de théorie des couleurs lors de la conception de votre page d'accueil. Grâce à Internet, il existe de nombreuses ressources pour vous aider à vous y retrouver.

3. Considérez la plate-forme des utilisateurs

Les gens ne verront pas seulement votre site Web sur un ordinateur de bureau ordinaire. Dans de nombreux cas, vous obtiendrez des visiteurs qui consultent votre page d'accueil à partir d'un appareil mobile. Les gens ont des iPhones, des tablettes, des consoles et un certain nombre d'autres appareils intelligents. C'est à vous de décider si vous voulez rendre votre site optimisé pour ces produits. (La réponse est oui. Vous le faites.)

Lorsque vous considérez la plate-forme, rappelez-vous que de nombreux appareils mobiles sont plus petits que votre ordinateur portable moyen. Les smartphones et les tablettes ont des résolutions variables. Quelque chose qui a fière allure sur votre bureau peut être bâclé ou difficile à lire sur le Samsung de quelqu'un.

C'est pourquoi de nombreux sites Web ont une mise en page mobile alternative. Si vous choisissez de l'implémenter, assurez-vous de donner aux gens la possibilité de basculer vers votre page d'accueil habituelle. Vous pouvez également mettre en forme vos images, votre typographie et votre composition afin qu'elles aient fière allure sur ordinateur et sur mobile. Bien que ce soit un défi, cela a été fait.

Quel que soit l'itinéraire que vous choisissez, il est essentiel de garder à l'esprit vos utilisateurs mobiles.

2. Ajouter un appel à l'action

Bien sûr, chaque page d'accueil a besoin d'au moins un appel à l'action. Regardez votre page d'accueil comme une publicité étendue. Lorsqu'une personne visite votre site, votre tâche principale consiste à la connecter avec tous les facteurs mentionnés ci-dessus.

Une fois les persuasions terminées, votre prochain objectif est de diriger les utilisateurs exactement où vous le souhaitez, généralement avec un lien en surbrillance. Vous le verrez souvent sur les sites de commerce électronique. Ils listeront les catégories populaires sur leur page d'accueil avec un bouton "Acheter maintenant" en gras.

1. En cas de doute, engagez un professionnel

Vous pensez que vous n'avez pas ce qu'il faut pour concevoir une page d'accueil ? Eh bien, il n'y a pas lieu de s'inquiéter. C'est pour ça que les professionnels sont là.

Maintenant, vous pouvez passer par le processus fastidieux de publier une offre d'emploi, de mener des entretiens et de négocier les conditions. Mais si vous avez besoin d'une page d'accueil professionnelle rapidement, vous pouvez simplement travailler avec Penji. Avec des centaines de designers du monde entier, nous proposons des services de conception graphique, notamment des sites Web, des mises en page mobiles et bien plus encore.

Si vous avez d'autres projets de conception graphique qui nécessitent du travail, nous pouvons également nous en occuper. À un tarif mensuel fixe, vous pouvez demander autant de modèles que vous le souhaitez. Cela signifie que toutes les images, typographies et autres parties de votre page d'accueil peuvent être couvertes.

La conception de la page d'accueil peut être une chose difficile à maîtriser. Mais avec la bonne quantité de passion et de stratégie, votre marque aura une page d'accueil stellaire et en un rien de temps.