Étude de cas
Munevo
Design system formalisé et boutique en ligne headless pour une marque d'huiles essentielles tracées.
Des huiles essentielles dont l'argument central est la traçabilité : une origine nommée, une année de récolte, un numéro de lot.
Le point de départ
Munevo vend des huiles essentielles dont l'argument central est la traçabilité : une origine nommée, une année de récolte, un numéro de lot. Le point de départ était une maquette statique, sans boutique, dont la direction artistique devait être conservée.
Ce que nous avons fait
Nous avons extrait la direction artistique du code existant pour la formaliser en design system chiffré — palette, formes, typographie, audit de contraste sur les deux thèmes — puis reconstruit le site en headless : front en export statique, catalogue et panier pilotés par l'API Storefront de Shopify, paiement laissé au checkout hébergé. Le travail a porté autant sur la page produit, seule page de vente réelle du parcours, que sur la conformité.
Les deux métiers
- Direction extraite du code existant plutôt que réinventée, pour obtenir les valeurs exactes
- Palette entièrement teintée sage et eucalyptus, sans aucun gris neutre
- Un seul accent, réservé aux affordances. La seule couleur vive du site vient de l'ambre des flacons photographiés
- Une seule famille typographique, auto-hébergée, sans aucun appel externe
- Vocabulaire de forme resserré : rayon de 2 px, filets d'1 px, aucune ombre portée. Le relief vient du contraste entre surfaces
- Audit de contraste mené dès l'écriture des jetons, sur les deux thèmes, avec correction de la seule combinaison en échec
- Registre éditorial tenu : vocabulaire de parfumerie et de traçabilité, jamais de vocabulaire de santé
- Architecture headless : front en export statique, catalogue interrogé en GraphQL brut, sans SDK
- Contrainte d'hébergement assumée et documentée plutôt que découverte par le client
- Panier temps réel, resynchronisé au montage, tiroir accessible au clavier
- Le paiement n'est jamais reconstruit : conformité, TVA et emails de commande restent côté Shopify
- Page produit construite comme la page de vente : prix au millilitre, carte d'identité du lot au contact du bouton d'achat, barre d'achat collante sur mobile
- En-têtes de sécurité portés dans la configuration serveur, puisqu'un site statique n'en émet aucun
- RGPD par la sobriété : un seul cookie, strictement nécessaire, donc aucun bandeau
- Recette automatisée sur l'export réel : parcours d'achat, accessibilité sur sept pages et deux thèmes, trois points de rupture
Ce que nous avons produit
Ces chiffres décrivent le travail produit, pas des résultats commerciaux constatés.