Contexte : Branded Cups fabrique des gobelets personnalisés pour des marques en Europe. Site e-commerce Shopify existant depuis 2018, design vieillissant, pages 6 secondes à charger, tunnel de paiement en 5 étapes. Le dirigeant a posé le cadre : « Je préfère arrêter le site plutôt que de payer un dev 3 mois ».
L'objectif
Refonte complète sur 4 jours calendaires. Mesure A/B rigoureuse sur 14 jours. Budget limité à une prestation IA. Livraison en autonomie, sans équipe tech.
La méthode, jour par jour
Jour 1 : audit du code existant
Avant toute refonte, cartographier. Claude Code en mode analyse, prompt simple : « analyse ce projet, donne-moi les 5 problèmes principaux de performance et les 5 problèmes principaux de conversion ». 8 minutes, 10 bullets. Ce qui aurait pris 2 jours à un dev humain.
Les gros problèmes remontés : thème Shopify Liquid mal optimisé, scripts tiers bloquant le render, pas de lazy loading images, duplications d'appels API, pages produit surchargées avec 3 blocs redondants, tunnel paiement trop long.
Jour 2 : refonte page produit
Prompt contextuel, pas générique. Pas « fais-moi une belle page » mais « réécris le template product.liquid en respectant 5 priorités : temps de chargement <2s, un seul CTA visible, rassurance intégrée au-dessus du bouton, FAQ collapsible, schéma markup produit complet. Montre le diff avant de commit. »
20% du diff refusé au premier essai. Claude avait ajouté une bannière « satisfait ou remboursé » hors-angle marque. Re-prompt précis, deuxième diff validé, commit. Lighthouse mobile passe de 41 à 87.
Jour 3 : tunnel de paiement
Le vrai point noir du site précédent. 5 étapes, trop d'inputs, calcul frais de port AJAX lent. Réduction à 2 étapes (livraison + paiement), calcul frais de port côté serveur, résumé de commande sticky desktop et collapsible mobile.
Test live : une commande simulée panier → paiement. Avant : 47 secondes. Après : 19 secondes. Sur un e-com à 800 commandes/mois, 28 secondes gagnées par commande = 6h de fiction cognitive rendues aux acheteurs chaque mois.
Jour 4 : A/B test et mise en ligne
Règle non négociable : jamais de refonte sans A/B test sur les 2 premières semaines. 50% trafic ancien, 50% nouveau, mesure 14 jours. Même saison, même trafic, même budget ads.
Les chiffres mesurés (14 jours post-mise en ligne)
- Taux de conversion : 2,1% → 2,7% (+27%)
- Panier moyen : stable
- Taux de rebond : -12%
- Temps moyen sur page : +38 secondes
- Temps checkout : 47s → 19s
Traduit en marge annuelle sur le volume de Branded Cups : environ 80 000€ de marge supplémentaire par an pour 4 jours de travail.
Les 3 pièges évités
- Laisser Claude Code commit sans montrer les diffs : finir avec 1500 lignes modifiées non relues = bombe à retardement. Règle : diff systématique, relecture, approuve ou re-prompte.
- Ne pas mettre le contexte métier dans le prompt : « fais-moi une belle page » sort un template générique. « Fais-moi une page qui vend à des acheteurs B2B qui commandent 5000 gobelets d'un coup » sort un outil commercial.
- Livrer sans A/B test : s'auto-convaincre que c'est mieux est un biais. Les chiffres disent la vérité, y compris quand elle est désagréable.
Ce que Claude Code ne remplace PAS
Un stratège e-commerce qui comprend le positionnement, le panier moyen, les frais d'acquisition. Un designer qui connaît la marque. Un dev senior sur des problèmes infra complexes.
Ce que Claude Code fait, c'est démultiplier par 5 à 10 un dirigeant qui a déjà le métier. Outil d'amplification, pas de remplacement.
« En 4 jours on a transformé un site qui allait être coupé en un actif qui génère 80k€ de marge additionnelle par an. »
Ton site e-commerce a les mêmes leviers ?
20 minutes d'audit offert pour identifier ce qui bloque.
Réserver mon audit 20 min