Capnor

DesignForConversions
UX Design
UI Design
UX Research
E-commerce
Product Design
Test Utilisateur

Design complet d’un site e-commerce spécialisé dans la vente de pièces automobiles d’occasion, avec une priorité claire : lever les freins à l’achat liés à la compatibilité des pièces grâce à une expérience utilisateur fluide et adaptée aux pros comme aux particuliers.

Role

Lead UX/UI Designer

UX Researcher

Product Designer

L'équipe
2 Fondateurs
1 UX/UI Designer
Les outils
Design & Prototypage : Figma
User Research : Maze, Hotjar
Collaboration : Miro, Notion
Gestion projet : Trello
Timeline
6 mois (conception à livraison)

Contexte du projet

À propos du client

Capnor est un acteur spécialisé dans la vente en ligne de pièces détachées automobiles d’occasion. Leur ambition est de proposer une alternative économique et responsable à l’achat de pièces neuves, en rendant l’accès à ces pièces simple et sécurisé, même pour un public non averti.

Le problème

L’achat de pièces automobiles en ligne souffre d’un problème majeur : la peur de se tromper. Cette incertitude repose sur plusieurs facteurs structurels :

  • Un catalogue produit extrêmement technique (références, compatibilités, OEM…) souvent difficile à interpréter sans expertise.

  • Une identification du véhicule trop complexe, reposant sur des critères que les utilisateurs maîtrisent mal (modèle précis, version, motorisation…).

  • Des filtres non contextualisés, qui obligent l’utilisateur à naviguer seul dans un système complexe.

  • Un manque de réassurance explicite quant à la compatibilité réelle de la pièce avec le véhicule ciblé.

  • Une expérience mobile souvent négligée, alors qu’une large part des visites se fait sur smartphone.

  • Une absence de distinction entre profils experts (pros) et non-experts (particuliers), avec les mêmes parcours imposés à tous.

Approche

Dès les premiers échanges avec les fondateurs, il est apparu évident qu’il ne s’agissait pas simplement de créer un site marchand, mais bien de repenser une expérience dans sa globalité. Nous avons commencé par cartographier les freins psychologiques et les besoins concrets des deux cibles principales : les professionnels de l’auto, en quête de rapidité et d’efficacité, et les particuliers, souvent perdus face à un produit qu’ils ne maîtrisent pas.

Sur cette base, j’ai structuré les parcours clés autour de deux promesses fondamentales : la fiabilité de la recherche et la lisibilité du choix. L’enjeu était d’accompagner chaque utilisateur selon son niveau d’expertise, tout en simplifiant un processus objectivement complexe. J’ai ensuite conçu des prototypes haute fidélité pour desktop et mobile, que nous avons soumis à une série de tests utilisateurs avec un panel composé à parts égales de clients professionnels et particuliers. Ces tests nous ont permis d’identifier les moments où l’utilisateur doute, abandonne ou fait fausse route, et d’ajuster en conséquence la navigation, les messages et l’organisation de l’information.

Challenge

Le principal défi était de répondre à une problématique double :

  • Réduire le stress de l’erreur chez les particuliers, en les accompagnant pas à pas dans l’identification de leur véhicule et de la bonne pièce.

  • Accélérer les usages récurrents des professionnels, pour qui la rapidité de recherche et la possibilité de retrouver un historique sont primordiales.

Il fallait donc concevoir une interface intelligente, rassurante et rapide, capable de parler aussi bien aux initiés qu’aux novices.

Solution

Pour répondre à ces enjeux, j’ai conçu deux systèmes complémentaires, pensés dès le départ comme des leviers d’autonomie et de confiance.

D’un côté, le “garage virtuel” permet aux professionnels d’enregistrer les véhicules de leurs clients, de retrouver en un clic leur historique de commandes et d’accéder rapidement aux pièces compatibles. Ce dispositif a radicalement réduit le temps de recherche pour les garagistes, tout en renforçant leur fidélité à la plateforme.

De l’autre, j’ai imaginé un système de navigation par vues isométriques interactives. Grâce à une représentation visuelle du véhicule, l’utilisateur particulier peut localiser la pièce qu’il recherche à travers différentes vues (avant, arrière, latérale, moteur), avec la possibilité d’activer une transparence de la carrosserie pour visualiser les pièces internes. Ce principe de navigation, inspiré du monde du jeu vidéo et de la modélisation 3D, a été immédiatement perçu comme intuitif et rassurant lors des tests. Il permet de comprendre visuellement ce que l’on cherche, sans avoir à nommer précisément la pièce.

En parallèle, nous avons intégré un moteur de compatibilité intelligent, basé sur la plaque d’immatriculation ou le VIN, qui permet de filtrer automatiquement les pièces compatibles et d’afficher des messages de confirmation clairs. Le tout repose sur un Ui kit robuste, pensé pour garantir la cohérence visuelle du site tout en facilitant son évolution. L’expérience mobile a fait l’objet d’un soin particulier, avec des interactions tactiles simples, des animations légères et une lisibilité optimale.

Résultats

La plateforme a été livrée dans les délais avec une version fonctionnelle stable dès le lancement. Les tests utilisateurs post-lancement ont mis en avant une nette amélioration de la compréhension du parcours d’achat, notamment pour les particuliers. Le taux de conversion du tunnel de commande a connu une hausse dès les premières semaines, et le support client a noté une baisse significative des demandes liées à des erreurs de compatibilité. L’UI kit mis en place a également permis à l’équipe tech de gagner en autonomie pour les évolutions post-lancement.

Rien ici… Pour l’instant !

Témoignage

"Il a su traduire nos gestes métiers terrain en interfaces claires, intuitives et parfaitement adaptées à notre réalité opérationnelle. Sa capacité à observer, comprendre et transformer les usages en solutions digitales efficaces a été un vrai levier d'efficacité."

Pierre M.
Capnor

Parlons de vos objectifs

Pas de pression. Juste un échange rapide pour voir si nous pouvons vous aider.

Découvrez les autres projets