Refonte de la Fiche Produit
Comment augmenter le taux de conversion ?
JUILLET 2024
Contexte
Clarins m’a sollicitée pour repenser sa fiche produit, avec un objectif clair : créer un modèle global, capable de s’adapter aux attentes des utilisateurs en Europe, en Asie et dans la zone Pacifique.
Un vrai défi : penser une seule page pour des marchés très différents, sans perdre en cohérence ni en efficacité.
La fiche produit, c’est une page pivot : souvent la porte d’entrée vers un achat. Elle doit rassurer, inspirer, convaincre. C’est exactement ce type de projet que j’aime : allier complexité, enjeux business et expérience utilisateur de qualité.
Objectifs
Concevoir une fiche produit claire, désirable et performante,
pensée dès le départ pour l’international.
Améliorer la lisibilité du contenu et l’accès à l’information, sur mobile comme sur desktop.
Renforcer la mise en valeur des engagements de la marque
et des bénéfices produit.Créer une expérience fluide, engageante et cohérente
avec l’image premium de Clarins.Et bien sûr : optimiser les KPIs clés — taux de rebond, conversion, temps passé.
Phase exploratoire
Avant d’entamer la refonte, nous avons mené une analyse approfondie basée sur la data et les retours utilisateurs issus de plusieurs études internationales (US, FR, JP, HK, SG). Cette phase a permis de faire émerger des constats clés et de formuler des hypothèses solides pour guider la conception.Avant d’entamer la refonte, nous avons mené une analyse approfondie basée sur la data et les retours utilisateurs issus de plusieurs études internationales (US, FR, JP, HK, SG). Cette phase a permis de faire émerger des constats clés et de fo
Etude menée sur Contentsquare.
Phase exploratoire
• Les performances sont meilleures sur mobile,
avec une nette hausse des sessions et des conversions
• Le taux de sortie reste élevé, notamment sur desktop,
soulignant un manque d’engagement sur la page.
• Les utilisateurs interagissent principalement avec les premières zones de contenu (titre, description courte, avis), signe d’un besoin de compréhension rapide du produit.
• Le bloc “Clarins +” suscite de l’intérêt
mais crée de la confusion, car non interactif.
Insights data
• Les visuels et images produits génèrent de l’engagement,
en particulier ceux liés à la description.
• Sur mobile, le bouton “Ajouter au panier” est davantage cliqué que le sticky CTA — pourtant ce dernier convertit mieux.
• Certains éléments non interactifs attirent des clics,
créant des frictions (CTA textuel non cliquable, par ex.).
Entretiens Utisateurs
Les utilisateurs attendent plus de narration, d’émotion, et une meilleure expression de l’univers de marque :
• “Je veux sentir leur parfum… là, on ne l’a pas.”
• “Ils pourraient rendre leur univers plus sexy, plus chaleureux.”
Ils recherchent aussi plus de transparence sur les produits :
• “J’ai besoin de savoir ce que je mets sur ma peau.”
• “On a des doutes sur l’honnêteté du produit.”“
Ils expriment un besoin de réassurance et de projection : comprendre à qui s’adresse le produit, comment il s’utilise, ce qui le rend différent.
Problématiques
• Bien que 70 % des fiches produits soient consultées sur mobile, la performance est meilleure sur desktop, ce qui suggère un besoin d’optimisation de l’interface mobile pour une navigation plus fluide, un temps d’ajout au panier plus rapide et une conversion plus efficace.
• Les utilisateurs desktop passent plus de temps sur le site et sont mieux qualifiés, il est donc essentiel de trouver des moyens pour engager davantage les utilisateurs mobiles et raccourcir le temps de décision.
• Il est nécessaire de proposer une expérience plus cohérente et fluide entre le mobile et le desktop, tout en fournissant des informations synthétiques et ordonnées pour une navigation plus simple et engageante.
• Il y a un manque d’inspiration et de visuels de qualité (photos détaillées, vidéos, dimensions précises) qui empêchent les clients de bien se projeter. Les éléments visuels, tels que les zooms sur les matières et les finitions, sont essentiels pour recréer une expérience tactile et immersive.
• Les frustrations autour de la livraison (délai, prix) et du manque d’informations claires à ce sujet sont aussi des freins majeurs à lever.
• Il faut renforcer la pertinence du cross-sell, qui joue un rôle crucial dans les comportements d’achat.
En conclusion, le redesign doit donc se concentrer sur l’amélioration de la clarté des informations, la fluidité de l’expérience mobile, et l’enrichissement des contenus visuels pour rassurer les clients et augmenter les conversions.
Entretiens Utilisateurs
Fiche Produit mobile
Entretiens Utilisateurs
Avant
Après
Les principales évolutions de la refonte
Ajout des avis clients
1 galerie de visuels en 2 colonnes qui permet d’afficher plus d’informations à l’utilisateur :
• les vues produits
• l’affichage des dimensions du produit
• des visuels inspirants avec le produit mis en situation
• des vidéos en autoplay pour mieux se projeter sur le produit
La mise en valeur de toutes les options de livraison.
Pour optimiser le SEO et la web performance de la page, nous avons sorti la description et de toutes les informations produits. (pas d’expands)
Un caroussel d’avis produits
Un shop the look pour augmenter
1 visuel immersif qui montre le détail du meuble. La mise en situation sobre et élégante permet de rendre le produit plus désirable aux yeux des utlisateurs.
1 description succinte pour apporter les informations essentielles à l’utilisateur
Présentation des mesures pour faciliter la recherche du bon meuble à l’utilisateur
Ajout d'un visuel dimension pour permettre à l'utilisateur de trouver facilement l'information
Mobile first !
Nous avons adaptés la mise en page de la fiche produit en mobile pour que toutes les informations soient lisibles et clair dans ce device. Ainsi les informations principales sont toutes directement sorties dans la page.
Timeline
Juillet 2024
Analyse de la Fiche Produit actuelle
Analyse sur Google analytics et contentsquare
2 mois
Interview Utilisateurs
Interview utilisateurs auprès de clients et prospects Maisons du Monde
2 mois
Ateliers & cadrage du projet
Ateliers de co-conception + Prise en compte des contraintes métiers, SEO, devs..
3 mois
Wireframe + Maquettes + prototypage
Réalisations des écrans en partant du Basse Def à la plus haute fidélité
2 mois
Test Utilisateurs et revue des maquettes
Tests Utilisateurs, restitution et prise en compte des reours dans les maquetttes
2 mois
Août 2024
Développement, Recette et Mise en ligne
Développement des maquettes sur le nouveau Front avec une implémentation du Design System, recette et mise en ligne
3 mois
KPIs clés et résultats
+1,1 pt sur le taux d’ajout panier
Le taux d’ajout panier a atteint 5,2%, soit 1,1 pt de plus versus la période précédente tous devices confondus.
En mobile le taux d’ajout panier a augmenté de +2pts versus l’année précédente.
Une page 6,5X plus rapide à charger
Le chargement de la page est passé de :
• 1,3 seconde en desktop vs 8,5 secondes
• 3,2 sec en mobile
vs 17,3 secondes
Une hausse de tous les principaux KPI’s
• Taux Ajout Panier : +1,1 pt
• Taux d’accès panier : + 1pt
• Taux de rebond : -3,4pt
• Taux de scroll : +2pt
• Temps passé sur la FP : + 3pt
Un shop the look plus attractif
+2,7 pt pour l’attractivité du shop the look et un temps passé qui double sur desktop grâce à un composant davantage compris par les utilisateurs.
+17% d’augmentation du trafic SEO
Grâce à toutes les optimisations de la Fiche produit, le traffic gratuit à augmenté sur tous les marchés confondus.
Une meilleure interaction avec les visuels
Un taux de clic qui augmente sur mobile (+5pts) et sur desktop (+2pts) grâce à un affichage plus immersif et mieux compris par les clients.
Et si on travaillait ensemble ?
Je vous aide à transformer vos idées en expériences digitales réussies.