Digitalisation de Decathlon : Standardisation et optimisation de la plateforme e-commerce OneShop

Le logo de la société Decathlon Le logo de l'ESN Eleven Labs

INFOS :

  • Decathlon est un leader mondial
    de la distribution d’articles de sport,
    présent dans plus de 70 pays.
  • Développement web
    front-end
  • Typescript (Svelte), PHP (Prestashop),
    Custom Elements (JSDoc), E2E (Playwright)
  • Renfort d'Équipe

Contexte de la mission

Decathlon doit garantir un parcours e-commerce performant et homogène pour ses marchés "moyens et petits", qui disposent de peu de ressources techniques locales. OneShop a été conçu pour répondre à ce besoin, mais la multiplicité des forks d’une solution core basée sur PrestaShop a rendu la maintenance complexe, entraînant des problèmes de performances et de stabilité. La refonte de l’identité visuelle de Decathlon a renforcé la nécessité d’une standardisation de la plateforme pour uniformiser l’expérience utilisateur et simplifier les évolutions.

L’objectif de la mission est donc de fusionner les différentes versions de OneShop en une solution unique et optimisée, intégrant la nouvelle charte graphique tout en garantissant des performances accrues. Maxime, Lead Front-End, intervient pour assurer cette transition vers une architecture plus maintenable et performante, en veillant au respect des nouvelles exigences techniques et visuelles.

L’équipe suit une méthodologie agile, avec des sprints de deux semaines et une organisation en feature teams, chacune dédiée à une brique e-commerce (Search & Listing, Product, Checkout).

Enjeux et défis de la mission

L’un des grands défis majeurs, était de trouver un équilibre entre modernisation et pragmatisme. Initialement, une transition vers Svelte avait été envisagée, mais la décision a finalement été prise de conserver PrestaShop tout en intégrant des Custom Elements en JavaScript natif pour rendre les composants dynamiques plus légers et maintenables.

L’accessibilité et la conformité réglementaire étaient aussi des sujets majeurs, notamment avec l’intégration des nouvelles normes d’accessibilité numérique et la prise en charge de la double monnaie pour les pays en transition vers l’euro.

L’optimisation des performances était également un enjeu clé. La plateforme devait être plus rapide et plus fluide, notamment en réduisant les temps de chargement et en améliorant le Time to First Byte (TTFB) pour rivaliser avec les grandes business units comme la France ou l’Allemagne.

Maxime, Développeur front-end JS en prestation chez Decathlon

On ne pouvait pas se défaire de Prestashop donc on a concentré nos efforts pour optimiser au maximum notre SSR au prix de l'utilisation de nouvelles technologies et nos pays ont dû dire adieu à certaines de leur feature pour une solution commune. C'est au prix de ces sacrifices que nous proposons aujourd'hui une solution plus fiable, performante et aussi surtout moins coûteuse.

Les missions réalisées

Dans le cadre de cette mission, Maxime a contribué activement à plusieurs chantiers majeurs visant à optimiser et stabiliser la plateforme OneShop :

  • Standardisation et amélioration de l’architecture

    • Mise en place d’un monorepo regroupant l’ensemble des pays sous une seule et même architecture, éliminant les forks individuels.
    • Réduction des écarts technologiques entre les différentes versions de la plateforme et uniformisation des pratiques de développement.
  • Optimisation des performances et du rendu des pages

    • Adoption d’une approche native en JavaScript avec des Custom Elements, remplaçant progressivement les solutions basées sur Svelte.
    • Amélioration des temps de chargement et réduction des ressources inutiles pour garantir un Time to First Byte (TTFB) optimisé.
    • Introduction de nouveaux mécanismes de rendu côté client pour les filtres de recherche, afin d’améliorer la réactivité des pages liste.
  • Conformité et accessibilité

    • Intégration des normes d’accessibilité numérique, en anticipant les évolutions réglementaires.
    • Adaptation de la plateforme aux contraintes légales locales, comme la gestion de la double monnaie pour les pays en transition vers l’euro.
  • Renforcement du suivi et de l’analyse des performances

    • Mise en place d’A/B tests pour évaluer l’impact des nouvelles features sur le taux de conversion.
    • Structuration du tracking et des analytics, afin de mesurer précisément les performances et le comportement des utilisateurs.

Résultats / Livrables

  • +20,92% de croissance du chiffre d’affaires en 2024, démontrant l’impact direct des améliorations techniques sur la performance commerciale.

  • Réduction de 82% du nombre de war rooms, grâce à une meilleure stabilité de la plateforme et une gestion proactive des incidents.

  • Disponibilité du site portée à 99,94%, dépassant l’objectif initial de 99,5%.

Besoin de conseils ou d’accompagnement dans vos projets ?

Nos experts répondent à vos questions !

Demander un rendez-vous
Prenez un RDV avec un expert Eleven Labs

Découvrez nos cas clients similaires