CLIENT :
MAISON DU CHOCOLAT
DATE :
2025
SECTEUR :
ALIMENTAIRE
AVEC :
ANTADIS
AUDIT UX/UI
JOURNEY MAPS
TESTS UTILISATEURS
Auditer les parcours avant de les repenser
Explorer les territoires pour définir un positionnement
⤢ Agrandir
Recueillir les retours utilisateurs avec Hotjar
⤢ Agrandir
Cartographier les parcours pour identifier les leviers d’amélioration
Les parcours B2C et B2B sont cartographiés pour distinguer les attentes, les actions et les points de friction propres à chaque cible. De la découverte d’un cadeau à la demande de devis professionnel, chaque étape est examinée selon les besoins de l’utilisateur, les informations disponibles et les actions à accomplir. Cette cartographie permet de visualiser les ruptures dans l’expérience et de repérer les occasions de mieux accompagner la navigation. Côté B2C, la réflexion porte notamment sur la découverte des collections et le choix des produits. Côté B2B, elle concerne davantage l’accès aux informations professionnelles et la compréhension du parcours de commande. La mise en perspective des deux expériences permet de hiérarchiser les améliorations et de préparer la conception des interfaces à partir de besoins clairement identifiés.
⤢ Agrandir
Tester les wireframes en conditions réelles
Le parcours de personnalisation fait l’objet d’un travail spécifique sur les wireframes, testés via Maze. Les utilisateurs sont invités à réaliser des tâches concrètes, comme choisir un coffret, comparer les formats, sélectionner les chocolats ou ajouter un message cadeau. L’intérêt de ces tests est d’observer comment les utilisateurs comprennent les écrans sans être guidés. Les hésitations, les erreurs de navigation et les difficultés à identifier une action permettent de repérer les éléments qui nécessitent une clarification. Ces retours alimentent les ajustements des wireframes avant la conception graphique. Cette étape permet de travailler la structure et la logique du parcours en amont, plutôt que de découvrir les difficultés une fois les maquettes UI finalisées.
⤢ Agrandir
Faire de l’accessibilité un critère de qualité
L’accessibilité fait partie des critères examinés dans le cadre de la refonte. En collaboration avec les équipes techniques, une checklist partagée permet d’évaluer les interfaces et de repérer les points de vigilance à prendre en compte dans la conception et le développement. L’analyse porte sur les éléments clés de l’expérience et sur la manière dont les choix graphiques peuvent répondre aux exigences d’accessibilité. Cette démarche permet de confronter les intentions de direction artistique aux contraintes techniques et de partager des critères communs entre les équipes. L’enjeu est d’intégrer ces exigences dès le travail de conception, plutôt que de les traiter comme une vérification finale. L’accessibilité devient ainsi un sujet transversal, au même titre que la cohérence visuelle et la qualité d’usage.
⤢ Agrandir
⤢ Agrandir
Déployer la direction artistique sur l’ensemble du site
À partir du territoire créatif retenu et des recommandations UX, les maquettes traduisent la direction artistique en interfaces concrètes. Le travail couvre les différents écrans du site, avec une attention portée à la composition, à la hiérarchie des contenus, à la mise en valeur des créations et à la cohérence des composants. Le design system sert de cadre pour structurer les éléments d’interface et assurer une continuité entre les pages. Il permet de maintenir une expression homogène tout en répondant aux besoins spécifiques des parcours B2C et B2B. La conception s’étend aux formats desktop et mobile. Les choix de mise en page sont adaptés à chaque support afin de conserver une lecture claire, de rendre les actions accessibles et de préserver la qualité de mise en scène des produits. Les déclinaisons sont réalisées avec une collaboration ponctuelle sur certains écrans, sous ma responsabilité de direction artistique et de validation de la cohérence globale. Pour accélérer certaines déclinaisons, Claude a également été utilisé comme outil d’assistance, en complément du travail de conception et de validation des interfaces.
⤢ Agrandir
⤢ Agrandir
⤢ Agrandir
Prolonger l’expérience sur mobile
Sur mobile, l’enjeu est de conserver la richesse de l’univers de la Maison tout en adaptant la lecture aux contraintes du petit écran. Les pages de collection, les contenus liés au savoir-faire et les fiches produit doivent rester cohérents avec la direction artistique définie sur desktop. Le travail porte sur la place accordée aux visuels, l’accès aux filtres, la lisibilité des prix et la visibilité des actions d’achat. Chaque écran doit permettre de passer naturellement de la découverte d’une collection à la consultation d’un produit, puis à l’ajout au panier. L’objectif est de préserver la dimension éditoriale et sensorielle de l’expérience, sans compromettre la simplicité de navigation ni l’accès aux informations essentielles.
⤢ Agrandir
⤢ Agrandir
Voir aussi
Avant de fixer une direction graphique, le benchmark ouvre plusieurs pistes à partir de références issues du luxe, de la gastronomie et de l’univers du cadeau.
Les moodboards explorent différents territoires visuels à travers les matières, les couleurs, la typographie, la photographie et la composition. Chaque piste propose une interprétation du positionnement de la Maison, entre héritage artisanal, expression contemporaine et mise en scène sensorielle du produit.
Cette phase permet de comparer les intentions créatives et de questionner leur pertinence au regard de l’identité existante. L’enjeu est de faire évoluer l’expression digitale de la marque sans perdre ce qui la rend reconnaissable. Le territoire retenu devient ensuite un fil conducteur pour les choix de direction artistique et la conception des interfaces.