Refonte de la Fiche Produit
Accroître la conversion tout en affirmant l’identité de marque sur la fiche produit
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
Insights data
• 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.
• 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.
Hypothèses
1
L’interface manque de hiérarchie claire, ce qui complexifie la lecture et freine l’engagement.
2
Les blocs de contenus clés doivent être repensés pour mieux guider, rassurer et convaincre dès les premiers scrolls.
3
L’univers de marque n’est pas suffisamment incarné, ce qui nuit à l’adhésion émotionnelle.
Maquettes
Fiche Produit mobile
Après
Avant
Les principales évolutions de la refonte
Personnalisation de la typographie
Mise en avant des routines Clarins.
Mise en avant des avis clients avec un design plus moderne et plus épuré.
Personnalisation de la typographie : webfont
Galerie de visuels immersive
Revu des variants couleurs
Mise en valeur du Bouton d’action reprenant l’identité visuelle de clarins + présence du prix dans le bouton
Mise en valeur du haut de la fiche produit grâce un aplat beige
Mise en valeur du descriptif produit
et des ingredients présent dans le produit afin de différencier le produit par rapport à la concurrence
Création d’une zone de communication pour mettre en valeur le produitt. Les clients d’asie sont sensibles au communication marketing. Ils ont besoin de découvrir , connaître la marque et le produit pour pouvoir acheter.
Tutoriel vidéo
Galerie de visuels immersive
Timeline
Dec 2020
Sept. 2020
Analyse sur Contentsquare et google analytics
1 mois
Etude quanti
Interview utilisateurs auprès de clients et prospects Maisons du Monde
1 mois
Interview Utilisateurs
Ateliers de co-conception + Prise en compte des contraintes métiers, SEO, devs..
2 semaines
Ateliers & cadrage du projet
Wireframe + Maquettes + prototypage
Réalisations des maquettes pour livraison aux développeur
1 mois
Recettes avec dev non réalisée
(départ en congés maternité)
Conclusion
Le projet a été transmis à l’équipe en charge du développement international au moment de mon départ en congé maternité.
Je n’ai donc pas pu suivre sa mise en ligne ni analyser les résultats chiffrés.
Cette mission m’a permis de :
poser une base solide pour une refonte globale et scalable,
identifier les attentes spécifiques des marchés clés,
proposer une expérience produit plus claire, engageante et alignée avec l’ADN de la marque.
👉 Une aventure riche qui aura allier stratégie, design émotionnel et impact business — exactement ce que j’aime faire.
Et si on travaillait ensemble ?
Je vous aide à transformer vos idées en expériences digitales réussies.