OPTIMISEZ
votre page d’accueil

La page d’accueil, ou home page, est l’ADN de votre e-commerce, et lorsque vous réalisez des campagnes marketing elle est souvent la destination de vos opérations. Sur ces principes, la page d’accueil se doit de présenter l’essentiel de votre offre avec clarté. Suivez nos astuces pour la rendre attractive, renforcer l’expérience utilisateur et augmenter vos conversions. Organisez votre page d’accueil sur les zones importantes : le header et le footer, puis l’agencement de la partie centrale et l’optimisation pour un chargement rapide

HEADER ET FOOTER (HAUT ET BAS DE PAGE)
regroupez vos indispensables

La page d’accueil est la vitrine de votre boutique. D’un coup d’oeil, les visiteurs doivent retrouver toutes les informations pertinentes sur votre marque et  sur vos services.L’objectif est de rassurer l’internaute en le guidant dans sa navigation.

Header : restez conforme tout en éveillant la curiosité Le header est un espace de communication prioritaire, d’autant plus que celui-ci reste visible sur toutes les pages. Selon le profil du site vous devrez certainement ajouter d’autres informations : traduction, livraison gratuite, connexion pro, wishlist… Ne retenez que les éléments pertinents et renoncez aux liens sortants qui seront relégués dans le footer. Pour être efficace cette zone doit impérativement inclure les éléments suivants :

LE LOGO, VOTRE IDENTITÉ
Qu’il s’agisse d’un texte ou d’une image, le logo doit être de dimension suffisante pour s’afficher correctement sur les appareils mobiles, et sur les réseaux sociaux lorsqu’un internaute partage votre page. Vous placerez idéalement un lien qui mène vers la page d’accueil sur celui-ci, puis vous l’agrémenterez d’un slogan ou d’une accroche au format texte. Pour rester conforme avec les habitudes des internautes, le logo sera centré ou positionné sur la gauche du header.

UN PANIER D’ACHAT FACILEMENT REPÉRABLE
Pour être facilement repérable, le panier doit être positionné sur la droite. Cette disposition permet une bonne accessibilité car il s’agit d’une zone que les internautes cliquent naturellement. Le panier pourra être représenté par un caractère de police d’écriture (Font Awesome, Material icons…) ou par un pictogramme. Si vous optez pour un pictogramme ce peut être l’occasion de vous différencier de la concurrence en faisant appel à un graphiste. Faites réaliser une image stylisée constituée de lignes simples et monochromes, le panier ne doit pas être trop fantaisiste. Prévoyez un affichage spécifique lorsqu’il est actif : couleur différente et affichage de la quantité de produits

LE TÉLÉPHONE : PREMIER ÉLÉMENT DE RÉASSURANCE
En général un numéro de téléphone fixe est plus rassurant qu’un portable. Vous pouvez toutefois afficher un numéro de mobile si vous souhaitez mettre en place une communication plus intimiste avec vos clients. Cela se pratique de plus en plus lorsqu’on s’adresse à une niche ou lorsque les produits commercialisés sont de fabrication artisanale. Ajoutez un lien vers la page contact pour faciliter l’accès à votre service après-vente, puis placez ces informations dans la partie supérieur du header.

LE CHAMP DE RECHERCHE Un moteur de recherche interne améliore l’expérience utilisateur. Saviez-vous que plus de la moitié de votre audience utilisera le champ de recherche placé dans le header de votre site ?
N’hésitez pas à mettre en avant le champ de saisie avec une bordure de couleur bien visible ou un fond de couleur différente de celle du header. L’expérience démontre qu’un call to action est toujours plus efficace lorsqu’il ne contient pas d’originalité. Vous utiliserez un pictogramme de loupe ou vous inscrirez simplement le mot «Rechercher» dans un bouton pour lancer la recherche.

LA CONNEXION CLIENT La présence d’un lien de connexion client présente deux avantages : il rassure le client pour suivre l’évolution de sa commande, et fidélise en favorisant le renouvellement de l’acte d’achat. Placez cette information de préférence dans la partie supérieure droite du header, à coté ou au dessus du panier.

LE MENU La barre de navigation horizontale listera vos principales familles “produit”. Si vous possédez beaucoup de catégories, vous pourrez reléguer certaines d’entre elles dans les sous-menus pour éviter toute surcharge. Si vous optez pour un menu sticky, ou menu fixe, celui-ci ne devra pas être trop fourni pour éviter qu’il occupe 30% de la partie haute de l’écran en navigation sur mobiles. Un menu sticky reste visible même lorsque l’utilisateur scroll dans la page.

Footer : rassurez avec des informations utiles

LA SIMPLICITÉ EST VOTRE ALLIÉE L’objectif du footer est de rassurer l’internaute avec des informations sérieuses et pratiques, sans accumulation d’informations inutiles.

VOS OBLIGATIONS SUR UN SITE E-COMMERCE Disposer d’un pied de page utile et conforme devrait être votre premier objectif. La législation française impose à tout site e-commerce d’afficher et rendre facilement accessibles les informations suivantes de façon permanente : conditions générales de vente, mentions légales, déclaration CNIL, conditions de livraison, retours et rétractation, utilisation de cookies. En plus d’être en règle, ces informations confirmeront à votre public que votre site marchand est une enseigne sérieuse qui saura traiter leur commande avec soin. Cela est d’autant plus important si vous ne possédez pas de magasin physique dans lequel recevoir votre clientèle. Disposez les liens de ces pages dans une même colonne, sans les mélanger à des éléments de communication secondaire.

LE FOOTER EST LA FÊTE DE VOTRE RÉASSURANCE

Le footer est une zone tout à fait adaptée pour rassurer vos prospects. Réalisez l’affichage de quatre à six pictogrammes sur lesquels vous ajouterez des liens. Une ou plusieurs de ces URL pourra orienter l’internaute vers une page spécifique dans laquelle vous détaillerez vos bons plans et les avantages client de votre offre du moment.
Enfin, présentez vos informations utiles dans les autres colonnes du footer : téléphone, lien de contact, adresse postale, logos des moyens de paiement, champ d’inscription à la newsletter, lien vers votre blog et comptes de réseaux sociaux, plan du site et copyright. N’hésitez pas à mettre en avant les avis client et votre note globale si vous disposez d’un module d’avis vérifiés.

AGENCEZ
pour mieux convertir
Une fois que l’internaute est sur votre site, l’objectif principal est de réussir à le garder et ne pas le laisser repartir sans conversion. Une bonne structure de votre page, entre les éléments incontournables et ceux suscitant l’envie, permettra de faire la différence.

Une bonne arborescence pour une navigation fluide Organisez vos catégories de façon logique, puis donnez leur un nom suffisamment explicite pour que l’internaute comprenne rapidement de quoi il s’agit. Votre arborescence produit ne devrait pas contenir une trop grande profondeur de sous-catégories, réalisez un maximum de trois niveaux. Si vous disposez de trop peu de produits dans une rubrique, regroupez-les dans une même catégorie afin de présenter une offre plus complète. Vous supprimerez les désignations comme «autre» et «divers» qui sont trop évasives.

Une disposition prévue pour convertir À vos chronos vous avez 5 secondes pour convaincre ! Lorsqu’un internaute parvient sur une page, c’est sur ce laps de temps qu’il se décide à poursuivre sa navigation ou à quitter le site. Vos premiers visuels devront être saisissants, puis vous continuerez à capter son attention au fur et à mesure qu’il descend dans la page. Chaque élément de la partie centrale doit servir un seul objectif : convertir votre visiteur en acheteur.

LE DIAPORAMA DOIT RETENIR L’ATTENTION
• Vous diffuserez simultanément un maximum de trois images de diaporama ,
• Vos visuels ne devront pas contenir trop de détails car ils seraient trop petits voir disgracieux sur mobiles ,
• Préférez la superposition de votre accroche au format texte, dans une balise H2 ou H3. Cela vous permettra de maîtriser la taille du texte en responsive, et vous donnera la possibilité d’intégrer des mots clés efficaces pour le référencement naturel ,
• Vos images seront nommées avec soin en utilisant le trait d’union comme séparateur : meilleur-drone-pas-cher.jpg ,
• Préférez des visuels à caractère commercial plutôt que des images produit ou de simples images de présentation ,
• Bannissez les longs textes, puis adaptez le temps de rotation du diaporama à vos messages pour une lecture confortable.

CAP SUR L’ATTRACTION DES PRIX
Rendez votre page d’accueil transactionnelle, c’est le bon endroit pour mettre en avant vos produits d’appels, promotions ou ventes flash. Le prix et le délai sont des leviers psychologiques très efficaces. Vos blocs produits devront inclure un bouton d’ajout au panier, le prix d’origine barré, le pourcentage de réduction, ainsi qu’un macaron signalant le type d’offre.