CLIENT :
RAYMOND WEIL
DATE :
2025/2026
SECTEUR :
HORLOGERIE
AVEC :
ANTADIS
AUDIT UX
TESTS UTILISATEURS
PERSONAS & JOURNEY MAPS
Identifier les frictions pour prioriser les enjeux
Faire émerger les profils utilisateurs
⤢ Agrandir
Comprendre les usages à chaque étape du parcours
⤢ Agrandir
Transformer les profils en priorités UX
La synthèse UX met en relation les attentes d’Élise, d’Édouard et de Maxime avec les opportunités de conception identifiées lors de la recherche. Elle permet de distinguer les besoins de conseil et de réassurance, la recherche d’informations techniques et l’intérêt pour l’univers musical de la marque. Cinq axes se dégagent de cette analyse : clarifier la navigation, hiérarchiser les contenus, faciliter la découverte des produits, valoriser les services et donner davantage de place au storytelling. Ces priorités servent de fil conducteur pour la conception des interfaces.
⤢ Agrandir
Concevoir la structure avant l’interface
Les wireframes traduisent les priorités UX en structures d’écran concrètes. Les principaux gabarits du site sont travaillés, de la homepage aux pages de collection, en passant par les fiches produit et les pages dédiées à l’univers de la marque, avec leurs déclinaisons mobiles. La hiérarchie des contenus, l’accès aux collections, les filtres, les informations produit et les éléments de réassurance sont organisés pour faciliter la navigation. Cette étape permet de poser une structure cohérente avant l’application de la direction artistique et de maintenir une continuité entre la découverte de la marque et le choix d’une montre.
⤢ Agrandir
Mettre les collections en scène dans les maquettes UI
Les maquettes haute fidélité donnent forme à la nouvelle expérience dans le respect de l’identité de Raymond Weil. Les photographies portées, les vues détaillées des montres et les sélections de produits alternent avec des contenus éditoriaux pour valoriser les collections et leur univers. Le travail de conception consiste à trouver le bon équilibre entre immersion et lisibilité. Les produits doivent être mis en valeur tout en laissant les informations utiles accessibles et les actions faciles à repérer. Les déclinaisons mobiles prolongent cette approche en adaptant la composition et la hiérarchie des contenus au format.
⤢ Agrandir
⤢ Agrandir
⤢ Agrandir
De l’élément au gabarit
Les composants sont organisés selon la logique de l’Atomic Design. Les éléments simples, comme les boutons, les champs et les icônes, sont regroupés pour former des composants plus complets, ensuite réutilisés dans les différentes pages du site. Cette organisation permet de structurer les maquettes, de conserver une cohérence d’un écran à l’autre et de faciliter la réutilisation des éléments, tout en préservant les spécificités des pages éditoriales et des fiches produit.
⤢ Agrandir
Construire un Design System évolutif au fil de la conception
Le Design System se construit progressivement en parallèle des maquettes. Les composants sont définis et enrichis au fil des besoins, avec les styles typographiques, les couleurs, les espacements, les boutons, la navigation, les cartes produit, les filtres, les formulaires et les différents états d’interaction. Chaque composant est organisé selon ses usages et ses variantes afin de garantir une cohérence entre les interfaces et de faciliter leur déclinaison. Les besoins rencontrés dans les maquettes alimentent le système, tandis que les composants déjà définis permettent d’accélérer la conception des nouveaux écrans.
⤢ 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.