B2B E-shop Design
Discovery UX
Analyse Heuristique
Design system
Atomic Design
Interview
Shadowing
Tests utilisateurs
Design Guidelines
Contexte
Autossimo est l’un des leaders français de la vente de pièces automobiles à destination des professionnels. Leur plateforme, en ligne depuis plus de 20 ans, a vu s’accumuler de nombreuses fonctionnalités au fil du temps, rendant la navigation complexe et peu intuitive.
Demande client
Analyse complète de la plateforme et de ses irritants pour proposer une interface rajeunie et plus intuitive
- Analyser en profondeur la plateforme existante
- Identifier les points de friction via une étude utilisateur
- Prioriser les parcours à refondre et les fonctionnalités à optimiser pour améliorer l’expérience globale.
Benchmark des plateformes concurentes
En première étape, un benchmark approfondi des principales plateformes concurrentes a été mené : Oscaro Pro, Mister Auto Pro, Partslink, etc.
Les parcours analysés :
- l’achat de pièces automobiles,
- les consommables,
- les pneus,
- les peintures.
Cette analyse comparative a permis d’identifier les bonnes pratiques actuelles du secteur, notamment en matière de clarté des filtres, de gestion de compatibilité et de rapidité de commande.
Chaque plateforme a été notée selon trois critères :
- modernité visuelle et ergonomie,
- intuitivité de navigation,
- richesse fonctionnelle.
Diagnostique d’interface et du périmètre d’action
Nous avons ensuite procédé à un audit complet de la plateforme Autossimo, en étudiant l’ensemble des écrans disponibles pour définir un périmètre d’action clair :
- identification des parcours prioritaires,
- inventaire des composants UI,
- évaluation de la cohérence visuelle.
Le constat :
- multiplicité de parcours et de logiques de navigation,
- hétérogénéité graphique importante,
- règles design inexistantes ou non appliquées.
Les écrans ont été extraits, cartographiés, puis analysés en profondeur pour faire émerger les principaux pain points. Ces irritants ont été catégorisés selon trois niveaux de criticité (majeur, acceptable, bon usage).
Nous avons également complété l’analyse par un audit technique via Lighthouse afin d’évaluer la performance, la structure du code et la vitesse de chargement.
Shadowing, interview et personae
Après la phase d’audit, nous avons conduit une série de sessions de shadowing et d’entretiens utilisateurs auprès de garages de différentes tailles (petits, moyens, grands comptes).
Objectif : comprendre les contextes réels d’usage et les comportements d’achat.
- Dans les petits garages, les secrétaires passent les commandes, mais les mécaniciens doivent les revérifier, source de perte de temps et d’erreurs.
- Les commandes sont souvent faites “par véhicule”, pour des raisons logistiques et administratives.
- Les achats urgents sont fréquents, accentuant les risques d’erreurs et de retours.
Ces observations ont nourri la création de User Journeys et Personae représentatifs, servant de base à la priorisation des parcours critiques à refondre.
Refonte des parcours et implémentation d’un design system
Sur la base des insights utilisateurs, nous avons amorcé la refonte du tunnel d’achat et des interfaces principales, avec pour objectif d’améliorer la clarté, la rapidité et la fiabilité du processus.
Les axes de conception retenus :
- Pré-sélection du véhicule dès l’entrée dans le tunnel, avec un bandeau fixe affichant les caractéristiques du véhicule sélectionné.
- Vue catalogue repensée, mettant en avant la disponibilité en temps réel et les délais de livraison.
- Fiche produit enrichie, clarifiant la compatibilité des pièces et proposant des alternatives compatibles.
- Vue éclatée moteur revisitée pour une navigation plus intuitive et visuelle.
En parallèle, un design system modulable a été initié, structuré selon les principes de l’Atomic Design, pour garantir cohérence, évolutivité et maintenabilité des futures interfaces.
Impact Global
Le travail mené a permis à Autossimo de :
- objectiver les problèmes d’expérience utilisateur grâce à une approche data + terrain,
- prioriser les parcours à retravailler selon leur impact business,
- poser les fondations d’un design system unifié,
- amorcer une dynamique UX centrée sur les usages réels des professionnels de l’automobile.