E-commerce
Refonte e-commerce — UX & Next.js
Un retailer régional avec 4 000 références subissait un taux de conversion de 1,2 % sur mobile, un Lighthouse à 38 et un Prestashop 1.7 vieillissant. Notre mission : tout reconstruire sur Next.js 14 en partant des données, pas des intuitions.
01 — Le défi
Le défi
Migrer 4 000 URLs sans perdre le capital SEO accumulé, identifier les vraies causes de l'abandon de panier (pas les supposées), refondre l'UX mobile sans aliéner la clientèle existante, et livrer sans interruption de l'activité e-commerce — le site représentait 65 % du chiffre d'affaires pendant la migration.
02 — L'approche
L'approche
Six mois de données GA4 + Hotjar analysées avant d'écrire une ligne de code. Trois frictions identifiées : navigation mobile, page produit sans preuve sociale, checkout en 5 étapes. Tests utilisateurs sur 12 personnes. Stack Next.js 14 App Router, Server Components avec ISR 10 min, Algolia pour la recherche, Stripe + Apple Pay + Google Pay. SEO : cartographie exhaustive des 4 000 URLs, 301 systématiques, suivi Search Console pendant 8 semaines post-migration.
Discovery data-driven
Analyse GA4 + Hotjar sur 6 mois, identification des frictions par canal et device, tests utilisateurs sur 12 participants, priorisation des opportunités par impact vs effort.
Build Next.js & migration SEO
Développement Next.js 14 App Router, Server Components ISR, Algolia, Stripe. Cartographie des 4 000 URLs, redirections 301, suivi Search Console post-migration.
Lancement & optimisation continue
Déploiement progressif avec feature flags, A/B tests post-lancement sur le checkout, monitoring Core Web Vitals en temps réel, itérations hebdomadaires sur les pages à fort trafic.
03 — Résultats
Résultats
Six mois après le lancement : taux de conversion à 1,7 % (+42 %), LCP mobile à 1,2s (était 4,8s), Lighthouse mobile à 94/100 (était 38), taux de rebond mobile de 72 % à 48 %, panier moyen +18 %, SEO organique +34 % vs année précédente.
Détails techniques
Un retailer régional avec 4 000 références produits opérait sur une plateforme e-commerce vieillissante : Prestashop 1.7, thème sur-mesure de 2018, Lighthouse à 38/100 en mobile. Le taux de conversion stagnait à 1,2 % alors que le secteur tournait à 2,8 %. Le taux de rebond sur mobile dépassait 72 % et le panier moyen régressait chaque trimestre. L'objectif : refondre entièrement la stack sur Next.js 14 avec une UX repensée à partir des données analytics, sans interrompre l'activité. La phase de discovery a commencé par une analyse quantitative des données GA4 et Hotjar sur 6 mois : pages d'entrée, entonnoirs d'abandon de panier, heatmaps mobiles, sessions avec rage-click. Trois frictions majeures sont sorties : navigation par catégorie illisible sur mobile, page produit sans preuve sociale, checkout en 5 étapes. Nous avons prototypé deux variantes de chaque parcours critique et réalisé des tests utilisateurs sur 12 personnes représentatives de la clientèle cible. La stack choisie est Next.js 14 (App Router) avec une API de catalogue custom (Node.js + PostgreSQL) et Algolia pour la recherche. Les pages produit et catégories sont des Server Components avec ISR à 10 minutes — le catalogue de 4 000 références se déploie en 28 secondes. Les images passent par le composant next/image avec un CDN Cloudflare configuré pour optimiser le format (WebP / AVIF). Le checkout a été simplifié à 2 étapes avec Stripe, Apple Pay et Google Pay intégrés. Côté SEO, la migration depuis Prestashop a fait l'objet d'une cartographie exhaustive des 4 000 URLs avec redirections 301 systématiques. Le trafic organique a retrouvé son niveau pré-migration en 5 semaines et progresse depuis. Six mois après le lancement : taux de conversion à 1,7 % (+42 %), Core Web Vitals LCP à 1,2 seconde (était 4,8s), score Lighthouse mobile à 94/100 (était 38), taux de rebond mobile de 72 % à 48 %, panier moyen en hausse de 18 %. Le SEO organique est en hausse de 34 % vs la même période l'année précédente.