Yade Paris, lingerie et collants

2026

Yade Paris

Accompagnement technique du front Shopify Plus (développeur Shopify / front) · Thème Dawn sur-mesure, sections OS 2.0, mécaniques panier, campagnes, i18n

Contexte

Yade Paris, marque française de lingerie et collants, tournait sur Shopify avec le thème Dawn largement personnalisé. L’enjeu n’était pas de livrer un thème figé, mais de tenir le rythme commercial de la marque : lancements produits, opérations saisonnières, international, itérations design permanentes, tout en restant éditable depuis l’admin Shopify.

De novembre 2024 à avril 2026, dix-sept mois, j’ai accompagné le front Shopify de Yade Paris : conception de sections sur-mesure, logique métier en Liquid et JS, campagnes merchandising, performance, maintenance au fil des retours de l’équipe. Environ 535 commits, 104 000 lignes ajoutées, 81 000 retirées.

Le thème actuellement en ligne, refait par une autre équipe depuis mai 2026, ne reflète plus ce travail : cette page présente ce qui a été livré pendant la période de l’accompagnement.

Objectifs & livrables

Tenir le rythme commercial

Lancements, opérations saisonnières et itérations design sans jamais figer le thème.

Convertir mieux au panier

Refonte du drawer, upsell, mécaniques de cadeaux et d’offres conditionnelles.

Sortir du page builder

Migration hors PageFly vers des sections natives éditables depuis l’admin.

Couvrir l’international

31 langues, marchés UE, conformité cookies.

Campagnes

Un calendrier commercial tenu sans tout casser

Black Friday, Noël, ventes privées, lancements produits : chaque opération avec ses templates et règles panier dédiés.

International

31 langues, marchés UE

Templates par marché, popup langue et pays, consentement cookies Axeptio et Shopify Customer Privacy.

Panier

Conversion et mécaniques d’offres

Drawer, quick-add, upsell, jauge d’offres, cadeaux conditionnels au seuil de panier, logiques Black Friday.

Navigation

Méga-menu et merchandising

Méga-menu desktop et mobile en Alpine.js, switch couleur via metafields, filtres collection, store locator.

Sous le capot

Shopify Online Store 2.0, thème Dawn 8 personnalisé, Tailwind CSS (préfixe dédié), Alpine.js, esbuild, Shopify CLI, metafields et metaobjects, Markets et locales. Au terme de l’accompagnement : 114 sections, 150 snippets, 76 templates, 31 locales.

CartMerchandising

01 / 05

Cadeaux et offres conditionnelles au panier

Problème

Offrir un produit selon le montant du panier, et parfois selon une couleur choisie, sans passer par une app de promotion tierce.

Approche

Des règles de seuil de panier déclenchent l’ajout d’un variant à 0 €, avec un filtre de couleur pour laisser le choix du cadeau quand plusieurs coloris existent. Les logiques Black Friday ajoutent un countdown, des phrases conditionnelles sous le bouton d’achat, et des produits offerts qui dépendent du contenu réel du panier. Chaque opération commerciale a ses propres règles, sans casser le fonctionnement du panier le reste de l’année.

Cadeaux et offres conditionnelles au panier

Alpine.jsNavigation

02 / 05

Un méga-menu à 1,6 ko

Problème

Un méga-menu riche (catégories, visuels, liens) qui ne plombe pas le poids JS du thème.

Approche

Le méga-menu desktop et le menu mobile sont pilotés par Alpine.js, pour un bundle d’environ 1,6 ko. Le switch de couleur entre produits s’appuie sur des metafields de produits complémentaires et des metaobjects color-pattern, plutôt que sur une logique codée en dur par produit.

Un méga-menu à 1,6 ko

PageFlySections OS 2.0

03 / 05

Sortir de PageFly sans perdre l’autonomie éditoriale

Problème

Garder l’équipe autonome sur ses pages de contenu (lookbooks, FAQ, parrainage) sans dépendre d’un page builder tiers, plus lourd et plus fragile à long terme.

Approche

Les pages construites sur PageFly ont été migrées vers des sections natives du thème : FAQ, leadgen, parrainage, présentation de la production, archives, lookbooks par ligne de produit, page engagement, guide d’entretien des collants. L’équipe compose ses pages directement dans l’éditeur de thème Shopify, sans dépendance à un outil externe ni surcoût de licence.

Sortir de PageFly sans perdre l’autonomie éditoriale

Tailwindesbuild

04 / 05

Un pipeline front industrialisé

Problème

Éviter que 17 mois d’itérations design accumulent une dette CSS/JS ingérable, sur un thème qui évolue en continu.

Approche

Un pipeline dédié (Tailwind CSS avec un préfixe propre au thème, esbuild) structure le code plutôt que de l’empiler section par section. La direction artistique (home, collection, fiche produit) s’appuie sur des tokens Tailwind documentés, avec des correctifs ciblés pour les comportements spécifiques à Safari et iOS, et un travail continu de réduction du poids des images.

Un pipeline front industrialisé

Shopify GitProcess

05 / 05

Le thème comme source de vérité, pas un livrable figé

Problème

Faire cohabiter un développement technique continu avec une équipe marketing qui doit pouvoir publier des campagnes elle-même, sans attendre un développeur à chaque changement.

Approche

Le travail s’organisait en branches par lot (une campagne, une feature, un chantier de direction artistique), déployées via Shopify Git, avec des itérations courtes en lien direct avec l’équipe de la marque. Le thème restait la source de vérité : plus de 3 000 mises à jour effectuées depuis l’éditeur Shopify ont coexisté avec le code livré, sans que rien ne soit figé côté agence.

Le thème comme source de vérité, pas un livrable figé

Décisions

Pourquoi ces choix techniques

Non. Mon accompagnement s’est terminé en avril 2026 ; le thème en ligne depuis mai 2026 a été refait par une autre équipe.

Suite

Un accompagnement Shopify au rythme de votre calendrier commercial ?

Campagnes, conversion, international : un thème tenu comme un produit, pas livré puis abandonné.