Optimiser une page d’accueil : Avant/Après

Présentation du projet :

Sylvain de l’agence Web Axenet a réalisé une optimisation complète du site e-commerce Vigne Online appartenant à l’un de ses clients. Vigne Online est un site Internet proposant la vente de vins en ligne.

L’objectif de cette étude de cas est de réaliser un comparatif entre l’ancienne et la nouvelle version de la page d’accueil. Ces optimisations ont pour but d’obtenir une boutique en ligne efficace afin d’augmenter ses taux de conversion.

Il faut préciser qu’optimiser un site Internet, c’est analyser et travailler sur son adéquation aux besoins/attentes des clients potentiels ainsi que sur sa simplicité d’usage.

Chaque boutique en ligne comporte des éléments uniques comme l’activité, l’audience, le type de produit, le type de service, le type d’objectif… Cela implique que des modifications effectuées sur un site peuvent aboutir à des résultats inverses sur un autre site.

Par exemple, une optimisation peut-être tout à fait ergonomique pour un site Internet et anti-ergonomique pour un autre.

Ci-dessous l’ancienne version :

Ci-dessous la nouvelle version :

La nouvelle page d’accueil va à l’essentiel et représente bien l’ensemble de la boutique. La présentation générale est épurée et sobre. Elle gagne en clarté et en efficacité !

Comparatif du bloc 1 :

Cette partie de la page d’accueil est peu modifiée. La bannière repose sur un design soigné et adapté à l’activité. Elle donne du sens et de la matière à la page d’accueil. Les accès au panier et au compte sont bien mis en avant et parviennent à attirer l’attention.

Seul un numéro de portable est ajouté en haut à droite de la page. Cette amélioration est très utile car elle représente une information capitale et un élément de confiance important. Un numéro vert ou un numéro de téléphone fixe serait plus convaincant.

Les menus secondaires « Qui sommes-nous », « Comprendre le vin », « Faq », « Dico du vin » joueraient mieux leur rôle d’indicateur et de guide en bas de page.

Les menus primaires « Accueil », « Promos », « Contact », « la sélection » mériteraient d’être positionnés dans le menu principal de gauche. Je reviendrais sur ces menus dans l’analyse du bloc 2 ci-dessous.

Cette opération permettrait d’aérer cette page d’accueil chargée en liens pour y placer un titre accrocheur ou un slogan rassurant comme :

• Une sélection d’exception de vins;
• Découvrez une sélection des plus grands noms du vin;
• Un très grand choix de vins sensoriels et exceptionnels;
• Autres.

Comparatif du bloc 2 :

Cette partie de la page d’accueil est peu modifiée. Elle concerne le menu principal du site qui contient :

• La recherche interne;
• Vins de France;
• Vins du monde;
• Nos producteurs.

La recherche interne est ajoutée au-dessus du menu principal. Les possibilités de tri de la liste des vins sont explicites « recherche par mot-clé » et se situent directement dans la zone de filtre. Cela permet aux clients potentiels d’atteindre rapidement leurs objectifs.

Les tirets de séparations des liens sont retirés ce qui apporte des espaces de respiration au sein du menu. Chaque étiquette est bien nommée et démontre un effort de concision important. Un menu sobre, soigné et explicite.

Il serait judicieux d’intégrer les menus « Accueil », « Contact », « Ma sélection », « Promotions », « Le coup de coeur Vigne Online » au menu principal du site. Ils représentent des clés d’entrée répondant à toutes les exigences des clients potentiels et accessibles sur toutes les pages du site.

Les clés d’entrées du catalogue de la navigation sont propres à satisfaire plusieurs types de stratégies chez les différents types de prospects :

• Par promotion;
• Par sélection;
• Par coups de coeur;
• Par vins de France;
• Par vins du monde;
• Autres.

Le menu « liste de nos producteurs » est un menu secondaire et devrait être déplacé en bas de page pour ne pas polluer la navigation primaire. Je n’ai pas tous les éléments en ma possession mais peut-être que ce menu a une importance. Sylvain va certainement apporter une réponse à cette interrogation.

Comparatif du bloc 3 : 1er avantage concurrentiel

Cette partie de la page d’accueil est complètement modifiée et optimisée. « Un spécialiste en vins propose de vous conseiller personnellement ». La photo est convaincante et le texte est séduisant. Ces deux éléments sont très utiles, personnalisés et positionnés stratégiquement au centre de l’écran.

Cette rubrique dégage un fort pouvoir d’engagement puisqu’elle permet de contacter personnellement un expert en vins pour obtenir des conseils précieux. Pour le coup, une intégration du numéro de téléphone portable dans cette rubrique mériterait d’être testée pour inciter le prospect à appeler.

Comparatif du bloc 4 : 2ème avantage concurrentiel

Cette partie de la page d’accueil est complètement modifiée et optimisée. « Vigne Online. Goûtez la différence » ne doit pas occulter le lien « En savoir + » qui manque de visibilité et risque de ne pas être utilisé par les malvoyants ou certaines personnes âgées souvent amateurs de bons vins.

Un caviste expert et passionné a déjà procédé à une sélection de vins au meilleur rapport qualité/prix pour ses clients potentiels. Peut-être que certains trouveront ce service superflu.

Je le trouve pertinent et très approprié pour un produit ou l’absence de conseils peut aboutir à un mauvais choix et nuire à la satisfaction du client.

Comparatif du bloc 5 : 3ème avantage concurrentiel

Cette partie de la page d’accueil est complètement modifiée et optimisée. « Un plat, une occasion particulière » devrait être plus visible. Ce service attendu informe et guide le client à mieux choisir ses vins en fonction des mets, de ses plats préférés ou d’une occasion particulière.

L’actionneur « Choisir un vin en 2 clics » est un lien très incitatif et dirige vers une liste permettant d’aider les clients à préciser leurs envies. Cette liste est agréable à parcourir, très bien présentée et valorise le produit « vin ».

Les prospects apprécieront ce service attendu et facilitera leur décision d’achat. Les informations et les conseils très qualitatifs pèseront dans la balance décisionnelle. Cela devrait aider à améliorer les taux de conversion.

Comparatif du bloc 6 :

Cette partie de la page d’accueil est peu modifiée. Cette rubrique est découpée en trois parties :

• Ma sélection;
• Promotions;
• Le coup de coeur Vigne On-line.

Les bandeaux « Ma sélection » et « Promotions » proposent des produits défilant automatiquement. Le client a la possibilité d’afficher un vin parmi ceux proposés. Il garde la maîtrise pour sélectionner un vin désiré et pour cliquer dessus afin d’accéder à sa fiche produit.

L’idée est très intéressante ! Dommage qu’il ne soit pas précisé avec une aide contextuelle (sans gêner la lisibilité) que le prospect peut sélectionner un produit uniquement en survolant les actionneurs 1,2,3,4,6,6,7,8,9,10.

Les destinations directes aux gammes « Ma sélection » et « Promotions » sont accessibles. Par rapport à l’ancienne version, l’ajout au panier de chaque produit a disparu et le call to action primaire « En détail » est devenu le lien le plus visible et le plus lisible. L’accès à la fiche produit est privilégié et colle au sens de l’organisation des parcours clients du site.

Suggestion : Deux informations présentent le prix d’une promotion : Le prix barré et le prix final.  Mettre en valeur la réduction serait judicieux pour bien assimiler l’offre et maximiser la conversion.

Le bandeau « Le coup de coeur Vigne On-line » propose LE VIN apprécié et sélectionné par l’expert lui-même.

Comparatif du bloc 7 :

Cette partie de la page d’accueil est peu modifiée. Cette zone est un encart permettant d’accueillir plusieurs types d’informations comme la publicité ou l’actualité. Elle est bien positionnée et exploite efficacement la visibilité des informations complémentaires.

Comparatif du bloc 8 :

Cette partie de la page d’accueil est peu modifiée. Cette zone permet de présenter et d’accéder au blog Vigne-Online. Du fait de la ressemblance visuelle, on pourrait penser que la zone concernant Le lien image « Accueil de notre blog » sur un fond de couleur Bordeaux fait partie du bloc 9, celui des éléments de confiance situé juste en dessous. Apporter une légère modification afin de mieux distinguer les deux blocs serait appropriée.

Comparatif du bloc 9 :

Cette partie de la page d’accueil est peu modifiée. La rubrique donne la priorité à des informations capitales: Les éléments de confiance.

• Conditions de vente;
• Paiement 100% sécurisé;
• Livraison et frais de port.

Etrange ! L’accès aux témoignages des clients a disparu mais l’illustration dédiée est présente et toujours située au-dessus des conditions de vente. Sylvain va certainement apporter une réponse à cette interrogation.

Dommage, les avis des clients sont parfois précieux pour confirmer à la fois
le sérieux des services proposés et la qualité des vins présentés. Ils peuvent impacter positivement sur les prises de décisions.

Comparatif du bloc 10 :

Cette partie de la page d’accueil est modifiée. Deux rubriques sont ajoutées: « Acheter du vin en ligne » et « Boutique vin et champagne ».

La présentation est valorisante pour le contenu global et informative pour le client potentiel. A mon avis, l’information est bien traitée visuellement mais occupe beaucoup d’espace même située en dessous de la ligne de flottaison. Il ne faut pas oublier l’objectif principal de la page d’accueil qui est de faire entrer le prospect dans le tunnel de conversion du site.

Comparatif du bloc 11 :

Cette partie de la page d’accueil n’est pas modifiée. La navigation en bas de page est simple et basique. Elle propose aux visiteurs des accès essentiellement orientés sur les éléments de confiance : le paiement sécurisé, les conditions de vente, les partenaires, les infos légales et le plan du site.

Conclusion :

Félicitations à Sylvain et à toute l’équipe Axenet, ils ont réalisé un excellent travail d’amélioration et d’optimisation concernant la page d’accueil du site Web Vigne On-line. Les clients peuvent consulter les informations sans difficulté. Les bases de l’ergonomie sont respectées, les offres proposées et mises en valeur sont séduisantes.

Trois avantages concurrentiels attractifs insistant sur la qualité des services et des produits sont intégrés par rapport à l’ancienne version visant à augmenter le taux de conversion du site.

Le style rédactionnel et la mise en valeur des informations clés favorisent la lecture approfondie. L’architecture de la navigation est bien pensée et les parcours clients sont optimisés. Ces paramètres essentiels déterminent le fait que les clients potentiels entrent ou non dans le tunnel de conversion de la boutique en ligne.