04 — Retail / Cosmétique

La Roche-Posay

Design system e-commerce — MediaMonks · Rôle : UI Designer

Pour les pages produit (PDP) La Roche-Posay, déployées à l’international via MediaMonks, j’ai conçu un système de « call-out graphics » : des blocs de mise en avant réutilisables (bénéfice produit, caution dermatologique, ingrédient clé) applicables sur n’importe quelle photo produit.

L’objectif : donner aux équipes locales un kit prêt à l’emploi, cohérent avec la charte, sans recréer chaque visuel à la main.

Mon rôle

Conception du design system de composants UI pour les pages produit, spécifications et règles d’usage.

Design system  ·  Spécifications UI  ·  E-commerce  ·  International

Aperçu du projet

Documentation d’usage du composant — règles de placement, hiérarchie titre/sous-titre, cas d’usage par ingrédient.

Un design system n’est utile que s’il est documenté : chaque variante de call-out est accompagnée de sa règle d’usage, pour que les équipes locales l’appliquent sans repasser par le design.

Projet suivant

Groupe Bel × Disneyland Paris