E-commerce sport · Paris
Leader sport : PWA, +18 % conversion mobile, Lighthouse 92.
Lighthouse mobile à 38, conversion en chute. Next.js App Router, edge, image, splitting. Livré en 6 mois.
KPI
+18%
conversion mobile
Durée
6 mois
Équipe
5 ingés
Hub(s)
Paris
Quand votre Lighthouse mobile est a 38 et que 72% de votre trafic est mobile, vous ne perdez pas des points : vous perdez des paniers.
Le contexte
Leader e-commerce europeen specialise sport et outdoor, 240 M EUR de chiffre annuel, 6 millions de visiteurs mensuels. Front existant en SPA React monolithique, hydratation lourde, scripts tiers non gouvernes. Equipe produit de 18 personnes, hub Paris.
Le probleme
- Lighthouse mobile : 38 (Performance), LCP a 4,8s sur 4G
- Bounce rate mobile : 61%, en hausse de 9 points sur 6 mois
- Conversion mobile en chute libre (-14% YoY)
- 27 scripts tiers chargeurs synchrones, dont 9 inutilises
- Pages produit a 3,2 Mo de JS
L'approche
Refonte progressive, pas rewrite from scratch. Migration vers Next.js App Router avec Server Components par defaut, hydratation reservee aux ilots interactifs. Audit puis tri brutal des scripts tiers.
Les leviers
- Server Components partout sauf cart, search, filters
- Image pipeline AVIF/WebP via next/image, sizes correctement renseignes
- Code splitting par route, prefetch intelligent au survol
- Service Worker pour fiches produit consultees recemment
- Tag manager remplace par chargement asynchrone gere cote serveur
La stack
- Next.js 16 App Router, React 19
- Vercel Edge Network, ISR avec on-demand revalidation
- Cloudflare Images pour la transformation visuelle
- GA4, Web Vitals reporting via Vercel Speed Insights
Les resultats
- Lighthouse mobile : 38 vers 92
- LCP : 4,8s vers 1,4s sur 4G
- Conversion mobile : +18% en 90 jours post-mise en prod
- Bounce rate : -40%
- Panier moyen : +12% (correlation page speed/AOV confirmee A/B)
« On avait l'habitude des refontes qui durent 18 mois et changent rien. Six mois, des chiffres qui parlent, et une equipe interne capable de continuer sans Abbeal. »
Ce qu'on a appris
Server Components sont puissants mais cassent les habitudes des devs habitues a useState partout. Compter trois semaines de formation interne minimum. Le Service Worker offline a apporte +3% de conversion sur connexions instables, on aurait du le prioriser plus tot. A refaire : commencer par le tri des scripts tiers, ca debloque tout le reste.
// À lire ensuite
Joaillerie & horlogerie de luxe · Genève + Paris + Tokyo
Cartier : de l'audit au LLM privé en interne.
Compass (audits archi front + back), Mapper (générateur produits horlogerie + joaillerie), ETL data concurrence sur BigQuery, et désormais un LLM privé fine-tuné sur l'infra Cartier. Un partenariat tech long-terme sur la stack data et IA d'une maison de luxe.
LLM privé
fine-tuné sur infra Cartier
Banque tier-1 · Paris
BNP Paribas : Reference Book PO, de React/Redux aux agents IA produits.
Trois ingénieurs Abbeal au cœur de la Marketplace PO. Plateforme React/Redux/Node initialement, désormais augmentée d'un RAG produits, d'agents Claude pour assistance PM, et d'une couche event-driven Kafka pour scaler.
RAG
catalog produits PO
Banking digitale / FinTech · Tokyo (Tamachi)
Money Forward : data backbone d'une nouvelle banque digitale à Tokyo.
Money Forward, leader FinTech japonais coté à Tokyo, s'est associé à un grand groupe bancaire japonais pour lancer une nouvelle banque digitale construite from-scratch. Abbeal accompagne sur le volet Data Engineering : conception et industrialisation du Data Hub (Databricks + Delta Lake + dbt + AWS Tokyo) qui sert le reporting JFSA, l'AML, le risk management.
Data Hub
digital bank from-scratch Tokyo