DNVB cosmétique française — Migration vers une stack composable Shopify Hydrogen
Front découplé sur Shopify Hydrogen, complété par Klaviyo, Gorgias et Triple Whale. Conversion mobile +34 %. Time-to-market des features divisé par 3. Budget 271 k€ HT, chiffré avant signature.
Durée
Migration séquencée gabarit par gabarit (accueil, collections, pages produit, panier), checkout Shopify natif conservé, bascule progressive avec mesure comparative de la conversion mobile.
Équipe
5 experts
Technologies clés
+34 %
Conversion mobile après migration vers la stack composable
÷ 3
Time-to-market des nouvelles fonctionnalités après migration
271 k€ HT
Budget de la migration, chiffré et validé avant signature
4 briques
Stack post-migration : Hydrogen, Klaviyo, Gorgias, Triple Whale
#Contexte : une marque qui a dépassé son socle technique
DNVB cosmétique française : marque de soin née en ligne, vendue quasi exclusivement en direct sur son propre site, avec une audience très majoritairement mobile et une croissance portée par le contenu éditorial, les lancements produits et les campagnes sociales. Un profil courant du secteur E-commerce & Retail.
Le site tournait depuis l'origine sur un thème Shopify classique. Choix rationnel au démarrage : rapide à lancer, peu coûteux, suffisant pour un catalogue restreint. Le problème est venu de la réussite. Au fil des années, la marque a empilé sur ce thème des besoins que le format n'avait pas prévus — pages de routine et de diagnostic, contenus ingrédients, landing pages de campagne, fidélité, abonnement, quiz de recommandation.
Chaque ajout s'est traduit par une application supplémentaire et une personnalisation du thème. Le front s'est alourdi, la dette s'est accumulée dans un code que plus personne ne voulait toucher, et chaque évolution demandait une fenêtre de livraison négociée.
#L'enjeu : la conversion mobile et la vitesse d'exécution
Deux symptômes, une seule cause racine.
Premier symptôme, la conversion mobile décrochait. Sur une marque dont l'audience est majoritairement mobile, c'est le sujet numéro un : chaque point de conversion perdu se paie en coût d'acquisition. Les causes étaient identifiables — un front chargé de scripts d'applications, des Core Web Vitals dégradés, des gabarits rigides interdisant de retravailler le parcours produit, et une expérience mobile pensée comme une déclinaison du desktop plutôt que comme le parcours principal.
Deuxième symptôme, le time-to-market. Une marque D2C vit au rythme de ses lancements. Quand une page de campagne demande plusieurs semaines et une intervention sur le thème, l'équipe marketing arbitre selon ce qui est faisable techniquement plutôt que selon ce qui serait efficace commercialement. C'est un coût invisible, jamais inscrit dans un budget, mais qui pèse sur la trajectoire.
Troisième contrainte, posée par la direction dès le premier échange : ne pas casser ce qui fonctionne. Back-office Shopify, catalogue, paiement et logistique donnaient satisfaction.
#La solution : découpler le front, pas changer de plateforme
Le diagnostic a orienté toute la mission. Le moteur de commerce n'était pas en cause, la couche de présentation l'était. On ne migre donc pas la plateforme, on découple le front — un arbitrage que nous détaillons dans notre comparatif Hydrogen vs Magento vs Medusa.
Fidèle à notre positionnement — on chiffre le ROI avant de signer, on livre, on mesure — le budget de 271 k€ HT a été présenté et validé avant contractualisation, adossé à un business case bâti sur deux postes : le gain attendu sur la conversion mobile, et le coût réel de la lenteur de livraison marketing.
La stack cible est composable, chaque brique choisie pour une fonction et connectée par API :
- Shopify Hydrogen porte le front, en architecture headless : framework React officiel de Shopify, rendu côté serveur, découplé du thème. Shopify reste le moteur de commerce et le checkout natif est conservé tel quel.
- Klaviyo prend la relation client e-mail et SMS : scénarios de cycle de vie, segmentation, animations de lancement.
- Gorgias prend le support, connecté aux commandes pour que les conseillers répondent avec le contexte client sous les yeux.
- Triple Whale prend l'attribution et l'analytics marketing, critique pour une marque dont la croissance dépend de l'arbitrage entre canaux payants.
Le développement sur mesure a été délibérément réservé à l'expérience front, qui est le différenciant de la marque. Tout ce qu'un SaaS spécialisé fait mieux qu'un développement interne a été confié à un SaaS spécialisé.
#Déroulé de la mission
Cadrage. Audit du thème, inventaire des applications installées et de leur usage réel — plusieurs briques payées n'étaient plus utilisées ou faisaient doublon —, puis business case et chiffrage.
Design system. Définition des composants front et des parcours mobiles avant tout développement, pour que la migration serve à reprendre l'expérience et pas seulement à changer de technologie.
Développement Hydrogen. Reconstruction gabarit par gabarit : accueil, collections, pages produit, panier. Le checkout Shopify natif est resté hors périmètre.
Intégrations. Branchement de Klaviyo, Gorgias et Triple Whale, puis décommissionnement des applications remplacées — ce qui a allégé le front autant que la facture mensuelle d'outillage.
Bascule et transfert. Mise en ligne progressive avec mesure comparative, puis transfert de compétences à l'équipe interne pour qu'elle produise elle-même ses pages de campagne.
#Résultats mesurés
La conversion mobile a progressé de 34 %. C'était l'objectif principal du business case, et le poste sur lequel se joue le retour sur investissement : le gain s'applique à un trafic déjà payé.
Second résultat, moins visible mais plus structurant : le time-to-market des nouvelles fonctionnalités a été divisé par 3. L'équipe marketing produit désormais ses pages de campagne sur des composants existants, sans intervention sur un thème ni fenêtre de livraison négociée.
Le budget de 271 k€ HT annoncé avant signature a été tenu.
#Enseignements
Le headless est une décision de front, pas un changement de plateforme. Confondre les deux fait exploser les budgets et les risques. Ici, le moteur de commerce n'a pas bougé d'un pouce.
On ne touche pas au checkout. C'est l'étape où l'on a le moins à gagner et le plus à perdre. Le découplage s'arrête volontairement à la porte du paiement.
Le transfert de compétences est un livrable, pas un bonus. Sans autonomie de l'équipe interne, le gain de vitesse est un effet de nouveauté qui se dégrade — c'est ensuite la TMA qui entretient le socle.
Toutes les marques n'ont pas besoin d'Hydrogen. Catalogue simple, peu d'ambition éditoriale, rythme de campagnes modéré : un thème bien tenu suffit, l'investissement ne se rembourserait pas. On le dit avant de chiffrer. Voir aussi notre cas d'usage site de marque DNVB en D2C.
Résultats mesurés après la bascule
Conversion mobile : +34 % après migration vers la stack composable
Time-to-market des nouvelles fonctionnalités : divisé par 3
Budget 271 k€ HT chiffré avant signature et tenu
Stack post-migration : Shopify Hydrogen, Klaviyo, Gorgias, Triple Whale
Checkout Shopify natif conservé — aucun risque pris sur l'étape de paiement
Applications redondantes décommissionnées, front allégé et outillage rationalisé
Transfert de compétences : l'équipe interne produit ses pages de campagne en autonomie
L'essentiel sur ce cas client
DNVB cosmétique française anonymisée NDA. Marque de soin née en direct-to-consumer, vendue essentiellement sur son propre site, avec un trafic très majoritairement mobile. Le site tournait sur un thème Shopify classique, alourdi au fil des années par les applications et les personnalisations successives.
Deux symptômes, une seule cause : une conversion mobile en décrochage et un time-to-market trop long sur chaque nouvelle fonctionnalité marketing. Le moteur de commerce Shopify n'était pas en cause — c'est la couche front qui bloquait. La migration a donc porté sur le front, pas sur la plateforme.
Stack post-migration : Shopify Hydrogen pour le front découplé, Klaviyo pour le CRM e-mail et SMS, Gorgias pour le support connecté aux commandes, Triple Whale pour l'attribution et l'analytics marketing. Checkout Shopify natif conservé.
Résultats : conversion mobile +34 % et time-to-market des features divisé par 3. Budget de la migration : 271 k€ HT, chiffré et validé avant signature sur un business case explicite.
Questions fréquentes sur ce cas client
Le NDA signé couvre l'identité de la marque, ses volumes et sa structure de coûts d'acquisition. Sur le marché cosmétique en direct-to-consumer, la concurrence entre marques digitales natives est frontale et ces données sont directement exploitables. Les chiffres publiés ici sont réels et auditables par Nehos sur demande, sous NDA réciproque.
Parce que la plateforme n'était pas le problème. Le back-office Shopify, le catalogue, le paiement et la logistique donnaient satisfaction, et les équipes maîtrisaient leurs process. Le point de blocage était la couche de présentation : un thème alourdi par des années de personnalisations et d'applications. Changer de plateforme aurait coûté beaucoup plus cher, immobilisé les équipes et pris un risque commercial réel, sans traiter la cause. On a découplé le front, pas remplacé le moteur.
Parce que c'est l'étape où l'on a le moins intérêt à innover. Le checkout Shopify est éprouvé sur des volumes considérables, il gère les moyens de paiement, la lutte contre la fraude et les cas limites de commande. Le reconstruire aurait consommé une part significative du budget pour un gain de conversion incertain et un risque élevé. Le découplage s'arrête volontairement à la porte du paiement.
À l'ensemble de la migration : cadrage et business case, design system et refonte des parcours mobiles, développement du front Hydrogen gabarit par gabarit, intégrations Klaviyo, Gorgias et Triple Whale, décommissionnement des applications remplacées, bascule progressive et transfert de compétences à l'équipe interne. Ce montant a été chiffré et validé avant signature, pas découvert en cours de route, et il a été tenu.
Parce que le code sur mesure doit être réservé à ce qui différencie la marque. L'expérience front en fait partie, c'est là qu'a été investi l'effort de développement. Le CRM, le support et l'attribution n'en font pas partie : Klaviyo, Gorgias et Triple Whale font ce travail mieux qu'un développement interne, et sans dette à porter. Une stack composable bien construite, c'est d'abord une discipline sur ce qu'on refuse de développer.
Il l'est à une condition, que nous avons traitée comme un livrable et non comme un bonus : le transfert de compétences. Si l'équipe interne doit rappeler son prestataire pour chaque page de campagne, le time-to-market divisé par 3 est un effet de nouveauté qui se dégrade. Ici, l'équipe marketing produit ses pages sur des composants existants, en autonomie. C'est ce qui rend le gain structurel.
Non, et nous le disons avant de chiffrer. Une marque avec un catalogue simple, peu d'ambition éditoriale et un rythme de campagnes modéré n'a pas besoin d'un front découplé : un thème Shopify bien tenu suffira, et l'investissement ne se rembourserait pas. Le headless se justifie quand deux conditions sont réunies — une expérience front qui participe réellement à la différenciation de la marque, et un rythme de production marketing que le thème freine. Si ces conditions ne sont pas réunies chez vous, on vous le dira en amont plutôt que de vous vendre une migration.