Musculation.com
Moderniser un site e-commerce et simplifier le parcours d’achat

Musculation.com souhaitait moderniser son site e-commerce dans un marché très concurrentiel, où l’image, la lisibilité du parcours et la confiance jouent un rôle important dans la décision d’achat.

L’ancien site conservait une logique e-commerce fonctionnelle, mais son design était devenu plus daté, plus terne, et moins aligné avec la nouvelle direction graphique souhaitée par la marque.

La refonte devait donc améliorer l’expérience sans remettre à plat toute la navigation. L’objectif était de conserver les repères existants, de respecter les contraintes techniques liées à PrestaShop et de produire un design directement exploitable pour le développement.

Le travail a porté sur les principales pages du site : page d’accueil, pages catégories, pages produits, panier et étapes du processus d’achat, en version desktop et mobile.

L’enjeu principal était de soutenir la performance commerciale du site en réduisant les frictions du parcours d’achat, notamment dans le panier.

Le projet devait permettre de moderniser l’image de la marque, d’améliorer la hiérarchie graphique, de renforcer la réassurance et de simplifier les étapes sensibles du parcours sans perturber les habitudes des clients existants.

La version mobile constituait un point d’attention majeur, car elle représentait la majorité du trafic. La refonte devait donc proposer une interface plus lisible, plus directe et mieux adaptée aux usages mobiles, tout en restant cohérente avec la version desktop.

Une refonte graphique encadrée par la nouvelle charte
Le design a été reconstruit à partir du nouveau logo et des nouvelles couleurs fournis par le client, avec une direction graphique plus moderne, plus dynamique et moins terne que l’ancien site.

Un parcours e-commerce conservant les repères existants
La navigation, les catégories, les filtres et la logique générale du catalogue ont été conservés afin de ne pas désorienter les clients habitués au site et de limiter les coûts de développement.

Un panier simplifié pour réduire la charge cognitive
Le panier a été retravaillé pour devenir plus clair, plus direct et plus efficace. Certains encarts inutiles ont été supprimés ou déplacés afin de réduire la densité informationnelle et de mieux guider l’utilisateur vers la finalisation de commande.

Un design pensé pour l’intégration technique
Les maquettes Figma ont été conçues en tenant compte des contraintes de développement, de la solution PrestaShop et des échanges réguliers avec le développeur chargé de l’intégration.

La mission a permis de produire une refonte UX/UI complète du site, avec des maquettes desktop et mobile prêtes à être intégrées.

Elle a notamment permis de moderniser l’image du site, d’améliorer la lisibilité des pages principales du parcours e-commerce, de simplifier le panier et de renforcer la réassurance sur les étapes sensibles du parcours.

Le projet a également permis de conserver les repères de navigation existants, tout en donnant au site une base graphique plus claire, plus cohérente et mieux adaptée aux usages mobiles.

Les avis clients publics disponibles après la mise en ligne mentionnent notamment la clarté de l’interface, la facilité d’utilisation, la simplicité de commande, la navigation facilitée et la perception d’un paiement sécurisé. Ces retours constituent un signal qualitatif positif, cohérent avec les objectifs de la mission : simplifier le parcours, renforcer la réassurance et améliorer la lisibilité du processus d’achat.

Ces éléments ne permettent pas d’attribuer à eux seuls une évolution chiffrée à la refonte, mais ils confortent l’intérêt du travail mené sur la hiérarchie graphique, la réduction de la densité informationnelle et l’optimisation du panier.