Nouvelle fiche produit decathlon.fr

Voilà une belle occasion de renouer avec la rédaction d’un article pour traiter ce sujet capital qu’est la fiche produit d’un site e-commerce. C’est le coeur de réacteur d’un site de vente en ligne et le passage obligé pour optimiser l’expérience d’achat du client on line.

Voilà un résumé des diverses évolutions qui ont été mises en oeuvre sur le site www.decathlon.fr. L’objectif principal était de répondre à la politique commerciale de l’enseigne : l’achat RAPIDE.

APERCU RAPIDE

Nous avons mis en place un « aperçu rapide » (quick look) depuis la page liste. Cette mini fiche produit met en avant les contenus principaux et permet la mise au panier directe. On peut ainsi découvrir plusieurs produits sans quitter la page liste.

LECTURE DES PRIX SIMPLIFIEE

Nous avons simplifié la lecture des prix qui était délicate sur l’ancien gabarit avec 2 prix (prix vente en ligne et prix magasin, les 2 étant très souvent identiques) et 2 boutons d’actions (mise au panier e-commerce et mise au panier réservation en magasin). Visuellement, il ne subsiste désormais qu’un seul prix (sauf en cas d’écart de prix entre le magasin et le site e-commerce) et un bouton de mise au panier principal (e-commerce) qui tranche plus que le bouton de réservation en magasin. Ce dernier reprend toutefois le dessus uniquement lorsque le client est identifié et rattaché à un magasin de référence.

La zone de conversion à droite de la fiche produit est fixe dans la page. Si le client découvre tous les contenus, il n’est plus nécessaire de scroller vers le haut pour mettre au panier. L’action est toujours possible à n’importe quel endroit dans la page.

UNE EXPERIENCE D’ACHAT MULTICANAL OPTIMISEE

Lorsque que le client souhaite réserver son produit en magasin, il est désormais géolocalisé et la liste des magasins où le stock est disponible apparaît plus intuitivement. Plus besoin de recherche le magasin où le produit est en stock dans sa région ou son département. Les magasins sont maintenant clairement identifiés :

PLUS D’INTERACTION AVEC LE CLIENT

Le partage vers les réseaux sociaux est plus aisé. D’autres projets sont en cours pour faire vivre encore plus les contenus et notamment les personnaliser en fonction des profils des visiteurs.

CROSS ET UP SELLING

Fini Critéo qui faisait tout en auto ! Les règles de produits associés sont désormais pilotées à la fois manuellement (typologie de produit) mais mixé avec des règles plus automatisées (top des ventes, disponibilité, …). Les produits sont ainsi plus pertinents et répondent mieux aux attentes de nos clients sportifs. Tout n’est pas encore parfait sur le sujet mais nous n’avons plus de VTT proposés en achat complémentaire d’un VTT quand l’outil n’a pas encore d’historique de vente :-)

Les produits sont proposés dans un layer de mise au panier très complet qui inclue les frais de livraison (à partir de…). C’est une véritable page « mini panier ».

CONTENT IS KING

Le zoom a été remis au goût du jour avec des visuels plus grands et plus immersifs. Le client a maintenant la possibilité de changer de couleur en restant dans la même fiche produit (nous étions légèrement en retard sur ce sujet). Le SEO a été travaillé avec les micros formats. Le player vidéo lit plus de formats (flv, youtuve, ….). Il est enfin possible de personnaliser les backgrounds pour plus d’immersion dans le sport.

AB TEST

Ce projet a été AB testé pendant plus de 2 semaines. Le trafic a été réparti en 2 (50% ancienne fiche produit / 50% nouvelle fiche produit). Je ne peux pas vous en dire plus mais la nouvelle version est plus efficace :-)

Je vous invite donc à la découvrir si ce n’est pas encore fait : http://www.decathlon.fr

8 commentaires à propos de “Nouvelle fiche produit decathlon.fr

  1. J’ai un peu de mal avec le bloc « ajout au panier » qui suit le scroll sur la fiche produit.

    Très dur de se concentrer sur la partie de gauche avec cet effet et il vient mordre sur une partie bleue à un certain moment, je pense que graphiquement cela aurait pu être plus « fluide ».

    Mais je note une amélioration, cela saccadait avant non ?

    eBay a testé une FP similaire (bloc de gauche qui ne bougeait pas) mais beaucoup plus fluide et intuitive (des ancres étaient présentes dans ce bloc fixe) et le bloc ne contenait pas de bouton d’ajout au panier juste les infos produits. Mais l’AB Test a eu raison de cette version, elle est désormais désactivé :)

    Thomas

  2. Notre test AB nous a démontré l’inverse. Il ne faut surtout pas prendre pour argent comptant les résultats des tests des autres sites mais tester dans son propre environnement.

    Sinon,le bloc n’a jamais saccadé sauf sur certains vieux navigateurs. Ou alors ça veux dire que tu as vu les versions tests :-)

  3. Haha non je ne pense pas, j’ai vu ca suite à un tweet il y a 2/3 semaines :)

    Pour eBay ils ont testé plusieurs choses en parallèle :
    -> ce scroll ainsi qu’une visibilité moindre de l’occasion pour mettre en avant le neuf, et je pense que c’est ce deuxieme facteur qui a eu raison de cette version

  4. j’adore le principe du scroll de la barre avec le panier
    ca fait sympa et en même temps ca permet de pas perdre l’objectif de vue
    c’est vraiment bien pensé ! un grand bravo

  5. Je trouve que la nouvelle fiche produit est vraiment réussie, très bon point de mettre en avant le visuel de cette façon. Concernant le scroll de la partie droite, j’avoue que j’aurais aimé avoir cette idée avant, il ne faut pas croire que les internautes vont rescroller vers le haut / retrouver le bouton d’ajout au panier aussi facilement. Éventuellement, ça aurait été sympa d’afficher un bouton de retour vers le haut de page dès qu’on dépasse la ligne de flotaison, pour éviter de rescroller toute la page.

  6. Pingback: Decathlon facilite sa navigation de fiche produit « 21Janvier

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>