Refonte de la Home Page
Comment créer une Home Page plus identitaire ?
JUILLET 2020
Objectifs
Faire évoluer l’image de 24 Sèvres vers un univers plus premium, plus mode, plus éditorial — tout en renforçant la lisibilité et la désirabilité.
Missions :
Proposer une nouvelle direction artistique pour la homepage
Définir les guidelines visuelles de la marque à travers un style guide clair
Concevoir des templates de newsletters cohérents avec cette nouvelle identité
Concevoir des templates de newsletters cohérents avec cette nouvelle identité
Concevoir des solutions adaptées
J’ai repensé la homepage en lui donnant un souffle plus éditorial et inspirationnel, tout en structurant les blocs pour améliorer la lisibilité et le parcours.
J’ai repensé la homepage en lui donnant un souffle plus éditorial et inspirationnel, tout en structurant les blocs pour améliorer la lisibilité et le parcours
Une mise en page plus aérée, avec des rythmes visuels variés pour capter l’attention
- Des modules pensés comme des “chapitres” éditoriaux pour faire vivre les univers de la marque
- Un ton plus affirmé, plus incarné, pour mieux refléter l’ADN luxe, mode & parisien de 24 Sèvres
Mobile
Friendly
Entretiens Utisateurs
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.).
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
Avant
Après
Les principales évolutions de la refonte
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
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
Sept. 2020
Etude quanti
Analyse sur Contentsquare et google analytics
1 mois
Interview Utilisateurs
Interview utilisateurs auprès de clients et prospects Maisons du Monde
1 mois
Ateliers & cadrage du projet
Ateliers de co-conception + Prise en compte des contraintes métiers, SEO, devs..
2 semaines
Wireframe + Maquettes + prototypage
Réalisations des maquettes pour livraison aux développeur
1 mois
Dec 2020
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.