Refonte du site e-commerce Materiel.net – Groupe LDLC
Quoi ?
Conception UI/UX du site e-commerce appuyée par des fonctionnalités complexes Mobile First et un Design System dédié
Comment ?
Adobe XD – Photoshop – Routine Scrum – Ateliers de co-création
Materiel.net est un acteur majeur de l’e-commerce informatique et high-tech depuis plus de 20 ans, spécialisé dans la vente de composants, PC gamers et produits high-tech.
Le contexte : après son rachat par le Groupe LDLC mi-2017, le site Materiel.net devait rattraper une importante dette design. L’ancien site, vieillissant et non responsive, ne répondait plus aux usages actuels du e-commerce.
La solution envisagée : lancer une refonte complète, technique et design, en s’appuyant sur la plateforme mutualisée du Groupe LDLC tout en préservant la liberté créative et fonctionnelle propre à Materiel.net, deux marques proche mais aux cibles bien distinctes.
En tant que UI/UX Designer Senior, j’ai été le seul Designer intégré au projet de refonte au sein d’une équipe Scrum d’une douzaines de personnes (Dévs Front/Back, DevOps, PO, QA), avec un MVP conçu en 12 mois environ.
Mes objectifs : améliorer les taux de conversion et de rétention via des maquettes assurant un affichage optimal desktop/mobile, la conception de l’expérience utilisateur pour des fonctionnalités complexes (configurateur PC, megamenu…) et la structuration du Design grâce à un Design System.
Un projet de refonte stratégique
Materiel.net est un pionnier du e-commerce informatique en France depuis 1998. Le site bénéficiait d’un fort capital sympathie auprès d’une clientèle avisée, mais le retard structurel accumulé au cours du temps devenait un problème crucial, face à une concurrence de plus en plus forte.
Erosion du trafic et du chiffre d’affaires, parcours d’achat alourdis par rapport aux standards du marché, absence d’expérience mobile et positionnement de marque vieillissant, en décalage avec un secteur en pleine effervescence, la refonte n’était pas un simple projet design : c’était un chantier stratégique de reconquête, destiné à réaffirmer la légitimité de Materiel.net sur son cœur de marché tout en élargissant son audience à une nouvelle génération d’acheteurs.
Un nouveau Design pour une audience experte
Cette refonte, avec des enjeux cruciaux pour la marque, se base sur un équilibre entre modernisation pour attirer une nouvelle clientèle et fondamentaux pour ne pas dépayser la clientèle historique.
J’ai donc fait évolué l’identité visuelle globale sans rompre le lien avec l’ancien site, en conservant les couleurs fortement reconnaissables de la marque. Les nouvelles interfaces ont été conçues avec pour objectif de s’adapter aux différents usages, quelque soit le type de device utilisé. De meilleurs contrastes, une hiérarchie de contenu maitrisée, une prise en compte de l’aspect SEO (indispensable pour le business) ont largement contribué à la réussite du projet.
Une expérience utilisateur centrée sur la conversion
Des parcours d’achat clarifiés
Sur un site e-commerce, les parcours d’achat sont sensibles, tant ils sont étroitement liés au taux de conversion. Une part importante du travail a porté sur la fluidité UX des étapes clés du tunnel de conversion : listings filtrés, fiche produit, panier, livraison, paiement, confirmation de commande.
Chaque étape a été réfléchie en Mobile First, avec l’objectif de réduire au maximum les points de friction en garantissant une lecture claire des informations critiques (prix, délais de livraison, paiement).
Hiérarchiser un contenu produit dense
Materiel.net dispose d’un contenu produit riche, entre caractéristiques techniques, avis clients, capacité de stocks en temps réel, délais de livraison. Ce volume d’informations, présent sur les pages clé comme les fiches produits ou les listings, se devait d’être correctement hiérarchisé sans être appauvri.
J’ai structuré chaque type de page autour de blocs fonctionnels clairement identifiables, sans surcharger le Design inutilement, pour faciliter l’accès à l’information pour l’utilisateur. Ces interfaces complexes restent parfaitement lisibles et accessibles, y compris sur mobile.
Premier chantier post-lancement, l’intégration des avis clients répondait à un enjeu fort : permettre aux visiteurs de s’appuyer sur l’expérience d’autres acheteurs sur un marché où les produits techniques exigent une réassurance forte.
Une démarche d’amélioration et d’évolution continue
Au-delà de la refonte initiale, mon rôle s’est inscrit après la mise en production dans une logique de product design itératif. Le site a évolué au rythme des priorités business du Groupe LDLC, mais aussi des initiatives propres à l’équipe Materiel.net, plus proche du terrain et de ses clients. Sur chaque évolution marquante, j’ai pris en charge la conception UX et UI : wireframes, prototypes, design final et accompagnement des développements.
Avis clients : un levier de réassurance indispensable
L’intégration des avis clients répondait à un enjeu fort : permettre aux visiteurs de s’appuyer sur l’expérience d’autres acheteurs sur un marché où les produits informatiques exigent une réassurance forte.
J’ai conçu l’affichage du module présent sur la fiche produit et la page dédiée, plus complète, comprenant la note globale, des filtres, et les avis détaillés. Les produits disposant d’avis client ont profité de +15 % de taux de conversion par rapport aux produits sans avis.
Questions/réponses : le lien direct entre Materiel.net et ses clients
Cette fonctionnalité permet à un visiteur de poser une question depuis une fiche produit, à laquelle un conseiller Materiel.net répond directement et publiquement, enrichissant ainsi une base de connaissances produit accessible à tous.
Double objectif : lever les freins à l’achat sur des produits techniques pour l’utilisateur, et valoriser l’expertise des conseillers, une forte différenciation face aux pure players généralistes. J’ai conçu un parcours fluide, avec une modal pour poser la question et une page dédiée à l’ensemble des réponses.