Aller au contenu
Tous les articles
cas-clientse-commercenext.jsshopifyconversion

Maison Brioude · refonte e-commerce de 1,2 % à 4,8 %

Refonte d'un site WordPress lent en Next.js + Shopify Hydrogen. Lighthouse 95+, copywriting orienté conversion, A/B tests.

SarahSarah8 avril 20269 min
Article Devoria

Le contexte

Maison Brioude vend des bijoux made in France depuis 2021. CA 2025 : 1,8 M€. Site WordPress + WooCommerce. Conversion : 1,2 %. Yasmine, leur Head of Digital, nous a contactés en janvier avec une question simple : "Le site est-il le problème, ou faut-il que je dépense plus en pub ?"

On a regardé. Le site était bien le problème.

Diagnostic en 3 jours

On a fait passer le site sous Lighthouse, regardé les Web Vitals, analysé les heatmaps Hotjar, et lu 200 reviews clients. Verdict :

  • Performance : score Lighthouse 32/100 mobile, LCP à 4,8 secondes.
  • Mobile : panier cassé sur Safari iOS, 60 % du trafic mobile.
  • Tracking : Pixel Meta + GA4 mal configurés, 30 % des conversions non attribuées.
  • Copywriting : descriptions produit génériques, pas de social proof.

Sur ces 4 axes, on avait largement de quoi expliquer un taux à 1,2 %.

Le scope qu'on a négocié

Yasmine voulait tout refaire d'un coup. On a freiné. La règle pour une refonte e-commerce sérieuse : ne jamais migrer pendant un pic commercial, et toujours mesurer avant/après.

Scope retenu (4 semaines) :

  • Migration WordPress → Next.js + Shopify Hydrogen
  • Refonte mobile-first (design system from scratch sur Figma)
  • Reset complet du tracking (GA4, Meta, TikTok, Klaviyo)
  • Refonte des pages produit (copywriting + photos retravaillées)
  • A/B test sur le checkout (2 variantes, 50/50)

Hors scope V1 : abonnement, programme fidélité, app mobile. Si ça monte, on le ferait en V2.

La stack finale

  • Next.js 16 (App Router) en frontend
  • Shopify Hydrogen pour le panier + checkout (on garde Shopify pour la gestion stock/expédition/comptabilité)
  • Sanity pour le CMS (descriptions, hero, blog)
  • Vercel Edge pour le ISR + cache headers fins
  • Klaviyo pour les emails (relances panier, post-achat)
  • Posthog pour analytics produit et A/B tests

Tout en France ou Europe (RGPD-compliant). Aucune donnée client envoyée hors EU.

Les 4 leviers de gain de conversion

1. Performance brute (+0,9 pt)

LCP passé de 4,8 s à 1,2 s. Mobile usability de 32 à 95. Le seul fait de rendre le site rapide a fait monter la conversion de 1,2 % à 2,1 % en 3 semaines.

Détails techniques : images en AVIF servies par Vercel, fonts auto-hosted, JS découpé par route, panier en streaming.

2. Refonte des pages produit (+1,1 pt)

Avant : 1 photo, 200 caractères de description, prix. Après : 5 photos (lifestyle + détail + main porteuse), description longue (matière, dimensions, entretien, livraison), reviews vérifiées avec photos, FAQ 5 questions.

A/B test sur 2 semaines : version "longue" gagne sur tous les segments. Conversion 2,1 % → 3,2 %.

3. Checkout simplifié (+0,9 pt)

L'ancien checkout WooCommerce avait 4 étapes et 23 champs. On a refait un checkout en 1 étape (inspiration Shop Pay), 8 champs max, autocomplete adresse via API.

Cart abandonment passé de 72 % à 58 %. Conversion : 3,2 % → 4,1 %.

4. Tracking et relances (+0,7 pt)

Pixel Meta réimplémenté côté serveur (CAPI), GA4 avec events fins, Klaviyo connecté pour relances panier sur 3 séquences (1 h, 24 h, 3 jours).

Sur 4 semaines, +180 commandes uniquement via les relances Klaviyo. Conversion totale (incluant relances) : 4,1 % → 4,8 %.

Les choses qu'on a NIÉES en cours de route

  • "Et si on ajoutait un chatbot ?" — Non. Pas avant que les fondamentaux soient bons. Ajouter un chatbot sur un site qui convertit à 1 %, c'est masquer le problème.
  • "Et si on faisait un quiz pour recommander des produits ?" — Non. Trop de complexité pour un gain marginal sur le panier moyen actuel.
  • "Et si on monétisait le SEO blog ?" — Plus tard. D'abord stabiliser le e-commerce.

Discipline sur le scope = livraison à temps + ROI mesurable.

Le résultat à 8 semaines

| Métrique | Avant | Après | | ------------------ | ----- | ----- | | Conversion globale | 1,2 % | 4,8 % | | Panier moyen | 89 € | 102 € | | Lighthouse mobile | 32 | 96 | | LCP | 4,8 s | 1,2 s | | Cart abandonment | 72 % | 58 % |

CA mai 2026 (premier mois plein post-refonte) : 380 k€, +120 % vs mai 2025. ROI de la refonte couvert en 6 semaines.

La leçon

Une refonte e-commerce, ce n'est pas refaire le design. C'est résoudre les 4 vraies frictions : vitesse, page produit, checkout, tracking. Le design est important, mais c'est de la cerise.

Si vous avez un site e-commerce en sous-conversion (< 2 %) et que vous voulez un diagnostic honnête avant de payer une refonte, parlez-nous. On vous dit en 30 minutes si la refonte vaut le coup, et combien ça coûte chez nous.

Ajoutez un développeur à votre équipe, au forfait

1. Briefez (simplement)2. Recevez (rapidement)3. Recommencez (à volonté)
+35

+ de 35 marques
nous font confiance