La page d'accueil n'est ni une galerie ni une brochure. C'est un mécanisme d'aiguillage. Sa seule mission est d'amener le bon visiteur vers le bon produit le plus vite possible. Chaque choix de design sur la page d'accueil doit servir cet objectif.
Cet article explique comment concevoir une page d'accueil de boutique en ligne qui fonctionne : ce qu'il faut inclure, ce qu'il faut laisser de côté, quelles erreurs tuent les conversions et comment penser la mise en page sur mobile, là où navigue la plupart de vos acheteurs.
Pour avoir la vue d'ensemble des pages dont votre boutique a besoin, commencez par les pages dont toute boutique en ligne a besoin.
À quoi sert vraiment la page d'accueil ?
La page d'accueil s'adresse aux visiteurs qui n'ont pas encore décidé. Ils connaissent un peu votre marque, ou ils vous ont trouvé par la recherche ou les réseaux sociaux, mais ils ne se sont pas engagés à acheter. La page d'accueil est le moment où ils décident d'aller plus loin ou non.
Elle doit répondre à trois questions instantanément. Que vend cette boutique ? Est-ce pour quelqu'un comme moi ? Que dois-je faire ensuite ? Si l'une de ces réponses n'est pas claire, les visiteurs partent. Pas parce que vos produits sont mauvais, mais parce que la page d'accueil ne leur a pas donné de raison de rester.
Comment concevoir la section d'en-tête
La section d'en-tête (hero) est la première chose que voit un visiteur. Elle se trouve en haut de page, avant tout défilement, et porte l'essentiel du poids de la première impression.
Un bon en-tête comporte quatre éléments. Un titre qui nomme ce que vous vendez en langage simple. Une courte ligne d'appui qui ajoute du contexte, souvent un bénéfice clé ou un élément distinctif. Un visuel qui montre le produit ou le résultat qu'il apporte. Un seul bouton d'appel à l'action qui dit au visiteur exactement où aller.
Le titre est l'élément le plus important. Restez précis. « Sacs en cuir faits main pour tous les jours » fonctionne. « Là où l'artisanat rencontre la fonction » ne fonctionne pas. Les acheteurs parcourent vite. Si votre titre demande de l'interprétation, vous les avez déjà perdus.
Le bouton d'appel à l'action doit nommer une destination, pas un sentiment. « Voir les sacs » ou « Découvrir les nouveautés » fonctionne. « En savoir plus » ou « Explorer maintenant » ne fonctionne pas. Donnez au visiteur une direction, pas une suggestion.
Le visuel de votre en-tête doit montrer clairement le produit. Les images en situation marchent bien quand le produit a besoin de contexte pour avoir du sens, comme les vêtements ou les articles de maison. Les photos du produit seul marchent mieux quand la clarté compte plus que l'envie, comme pour les outils ou l'électronique. Utilisez des images de qualité. Un en-tête flou ou mal éclairé sabote tout le reste.
Quoi mettre en avant sous l'en-tête
Une fois que le visiteur a défilé au-delà de l'en-tête, il cherche des raisons plus précises de rester. Cette section de la page d'accueil doit mettre en avant les produits ou catégories qui correspondent à ce que vos acheteurs sont le plus susceptibles de vouloir.
N'essayez pas de tout mettre en avant. Choisissez vos meilleures ventes, vos produits à plus forte marge ou la catégorie où finit la majorité de vos acheteurs. Trois à six produits mis en avant, c'est une fourchette raisonnable. Au-delà, la page paraît encombrée et crée une paralysie de décision.
Les blocs de catégories marchent bien pour les boutiques à large gamme. Au lieu de produits individuels, montrez les trois ou quatre premières catégories avec une image claire et un libellé pour chacune. Laissez les acheteurs se diriger seuls vers la bonne section de la boutique.
La section mise en avant doit aussi être dynamique. Faites tourner des produits de saison, des articles en promotion ou des nouveautés. Une page d'accueil qui ne change jamais ne donne aucune raison de défiler aux visiteurs qui reviennent.
Comment utiliser la preuve sociale sur la page d'accueil
Les acheteurs font plus confiance aux autres acheteurs qu'aux boutiques. La preuve sociale sur la page d'accueil construit la crédibilité avant même que le visiteur atteigne une fiche produit.
Les formes les plus efficaces de preuve sociale sur la page d'accueil sont de courts avis clients ou des notes en étoiles, un nombre de clients ou de commandes expédiées, des mentions dans la presse ou des logos de médias, et des badges de confiance de tiers comme des icônes de paiement sécurisé ou des labels de certification reconnus.
Restez concis. Un ou deux bons témoignages sont plus efficaces qu'un mur d'avis cinq étoiles. Un seul logo de presse d'un média reconnaissable fait plus qu'une liste de dix noms inconnus. Choisissez la preuve qui comptera le plus pour l'acheteur le plus sceptique à l'idée d'acheter chez vous pour la première fois.
Faut-il inclure une section sur l'histoire de la marque ?
Une courte section sur l'histoire de la marque sur la page d'accueil est facultative, mais elle aide dans certains contextes. Elle marche le mieux quand l'histoire du fondateur fait partie des raisons pour lesquelles un acheteur choisirait cette marque plutôt qu'un concurrent plus grand. Les produits faits main, l'approvisionnement éthique, les marques portées par une communauté et les produits portés par leur fondateur gagnent tous à un bref moment humain sur la page d'accueil.
Si vous en incluez une, restez bref. Deux ou trois phrases et un lien vers la page À propos complète suffisent. Ne la placez pas en haut de page ni au-dessus des produits mis en avant. L'histoire apporte de la chaleur, mais ce sont les produits qui font décider.
Pour les boutiques dont le produit se suffit à lui-même, sautez la section d'histoire. Une page qui vend des produits courants n'a pas besoin d'une histoire d'origine. Utilisez cet espace pour exposer davantage de produits.
Ce dont la page d'accueil n'a pas besoin
L'encombrement de la page d'accueil est aussi néfaste qu'une section manquante. Chaque élément qui ne remplit pas une mission détourne l'attention de ceux qui en remplissent une.
Parmi les erreurs courantes : trop d'appels à l'action qui se font concurrence au même niveau, des vidéos ou animations à lecture automatique qui ralentissent la page, de grands blocs de texte que personne ne lit, un menu de navigation de plus de six ou sept éléments, et des pop-ups qui apparaissent avant que le visiteur ait eu le temps de voir quoi que ce soit.
Chaque choix supplémentaire que vous imposez à un visiteur est un petit coût de friction. La page d'accueil doit paraître claire, pas chargée. Si vous hésitez entre deux éléments, retirez celui qui n'est pas directement lié à l'objectif d'amener un visiteur vers un produit.
Le design de la page d'accueil sur mobile
Plus de la moitié du trafic e-commerce vient du mobile. Le design de votre page d'accueil doit être pensé d'abord pour le mobile, pas adapté depuis l'ordinateur après coup.
Sur mobile, le titre de l'en-tête doit être assez court pour se lire en deux lignes. Le bouton d'appel à l'action doit être assez grand pour être touché facilement. Les images produit doivent s'empiler proprement sur une seule colonne. La navigation doit se replier dans un menu qui ne domine pas l'écran.
Testez chaque changement de page d'accueil sur un téléphone avant de le publier. Ce qui paraît propre sur un écran d'ordinateur peut devenir un défilement confus sur un petit écran. L'expérience de l'acheteur sur mobile est votre contrainte de design principale, pas une réflexion après coup.
La clarté sur la livraison compte aussi sur mobile. Les acheteurs sur téléphone sont souvent proches d'une décision d'achat. Un bandeau visible indiquant les seuils de livraison gratuite ou la livraison estimée sur la page d'accueil peut transformer une session de navigation en session d'achat. Pour en savoir plus sur la configuration de la livraison de votre boutique, lisez comment configurer la livraison pour votre boutique en ligne.
Comment WEMASY soutient le design de la page d'accueil
Le système e-commerce de WEMASY comprend des outils de mise en page d'accueil conçus pour les boutiques en ligne. Sections d'en-tête, grilles de produits mis en avant, blocs de catégories et sections de preuve sociale sont tous disponibles sans code sur mesure. Le même système gère automatiquement la mise en page mobile.
Voyez quels outils d'accueil et de boutique sont disponibles à chaque niveau sur la page des tarifs WEMASY.
Questions fréquentes
Combien d'appels à l'action une page d'accueil doit-elle avoir ?
Un appel à l'action principal en haut de page, puis des appels secondaires plus bas, liés à des sections précises. L'appel principal doit être l'action la plus importante que vous voulez voir un nouveau visiteur faire, en général « Acheter maintenant » ou un lien vers une catégorie précise. Des appels principaux concurrents de même poids visuel diluent l'attention et réduisent les clics sur chacun. Avec le créateur de site web de WEMASY, vous pouvez le mettre en place directement sur votre boutique.
Dois-je afficher les prix sur la page d'accueil ?
Pas forcément sur la page d'accueil elle-même, mais afficher les prix sur les cartes des produits mis en avant est utile. Les acheteurs parcourent les fourchettes de prix pour savoir si la boutique entre dans leur budget. Cacher les prix jusqu'à la fiche produit ajoute de la friction et peut sembler évasif. Si vos produits sont haut de gamme, afficher un prix de départ fixe les attentes de façon positive plutôt que de créer une surprise.
À quelle fréquence mettre à jour la page d'accueil ?
Mettez à jour les produits mis en avant et les sections de saison à chaque nouveauté, promotion en cours ou changement de saison dans ce que cherchent les acheteurs. La section d'en-tête peut rester stable plus longtemps, mais renouvelez-la quand votre offre principale ou votre positionnement change. Une page d'accueil identique pendant une année entière donne l'impression d'une boutique inactive.
La vitesse de chargement de la page d'accueil influence-t-elle les ventes ?
Oui. Une page d'accueil qui met plus de trois secondes à charger sur mobile perd une part importante de visiteurs avant qu'ils voient quoi que ce soit. Les grandes images non compressées en sont la cause la plus courante. Compressez les images avant de les téléverser, évitez la vidéo en lecture automatique dans l'en-tête et limitez les scripts tiers. La vitesse est un choix de design de la page d'accueil, pas seulement un choix technique.
La page d'accueil doit-elle renvoyer vers toutes les catégories de produits ?
Pas forcément. Faites un lien vers les catégories que la plupart de vos acheteurs voudront. Un menu de navigation peut porter la liste complète des catégories. Le corps de la page d'accueil doit mettre en avant les catégories qui génèrent le plus de conversions ou que vous voulez prioriser. Tout lier crée du bruit visuel et dilue les pages qui comptent le plus.
Où placer les badges de confiance sur la page d'accueil ?
Près de l'en-tête, à côté de l'appel à l'action, ou dans une barre de confiance dédiée entre l'en-tête et les produits mis en avant. Les acheteurs cherchent le plus souvent des signaux de confiance au moment où ils envisagent de cliquer sur un appel à l'action. Placer les badges seulement dans le pied de page ne touche que les acheteurs qui ont déjà défilé jusqu'en bas, ce qui est trop tard pour la plupart des nouveaux visiteurs.