Étude de cas
Refonte du tunnel d'achat e-commerce
Optimisation UX orientée conversion sur une plateforme PrestaShop
- PrestaShop
- PHP (POO)
- MySQL
- React
Contexte entreprise
Nutri&Co est une marque française de compléments alimentaires naturels fondée en 2017, basée à Aix-en-Provence. La société vend principalement en direct via sa boutique en ligne PrestaShop, avec une forte culture de l'optimisation du taux de conversion.
Problématique
Le tunnel d'achat historique, organisé en plusieurs étapes, générait des frictions importantes : un taux d'abandon de panier élevé, un temps de commande trop long et un taux de conversion en deçà des objectifs des équipes marketing.
Solution apportée
J'ai mené la refonte complète du tunnel de commande pour le faire évoluer vers un tunnel « one page » sur PrestaShop :
- Réduction du nombre d'étapes de validation.
- Regroupement des informations essentielles (livraison, paiement, récapitulatif) sur une seule page.
- Simplification des champs du formulaire pour limiter les saisies inutiles.
- Optimisation de l'expérience sur mobile.
Résultats
- Réduction significative du taux d'abandon de panier.
- Amélioration mesurable du taux de conversion.
- Parcours de commande plus rapide et plus fluide.
Équipe & méthode
- Équipe produit de 5 personnes : 2 développeurs, 1 product owner, 1 designer et 1 expert marketing.
- Méthodologie Agile (Scrum) avec des sprints de 2 semaines.
- Suivi des performances par A/B testing et outils d'analyse.
Stack technique
PrestaShop, PHP, MySQL, JavaScript, jQuery, Sass, Git.
01
Contexte et enjeu
Le tunnel de commande PrestaShop de Nutri&Co était un parcours multi-étapes, avec des points de friction identifiés par les équipes marketing et produit.
L'objectif de la refonte : réduire ces frictions et améliorer le taux de conversion, sans casser les spécificités métier de la boutique.
02
Mon rôle et périmètre
Refonte de la fiche produit : hiérarchie de l'information et mise en avant des bénéfices, au service de la décision d'achat.
Refonte du tunnel d'achat, d'un parcours multi-étapes vers un parcours « one page » sur PrestaShop.
Création d'une carte interactive des points de vente.
Refonte du méga menu de navigation du catalogue.
03
Défis techniques
Réduire les frictions d'un parcours multi-étapes
Fusionner plusieurs étapes de commande en une seule page, tout en conservant les règles métier de la boutique : livraison, paiement, promotions.
Faire évoluer une boutique en production
La refonte porte sur une boutique existante, avec son historique, ses modules et son référencement : chaque écran modifié devait rester compatible avec l'existant plutôt que tout réécrire.
04
Solution et architecture
05
Stack détaillée et pourquoi
- PrestaShop
06
Résultats
- Tunnel de commande refondu
- 1 pageParcours multi-étapes remplacé par un parcours « one page » sur PrestaShop
- Parcours client retravaillés
- 4Fiche produit, méga menu, carte des points de vente, tunnel d'achat
07
Ce que j'en retiens
Une refonte de tunnel d'achat rappelle qu'un parcours se juge à ce qu'on retire autant qu'à ce qu'on ajoute : chaque étape supprimée est une occasion de perte en moins. Travailler sur une boutique en production impose aussi une discipline différente — faire évoluer le thème et les modules sans casser l'existant demande plus de précautions que de créativité.