Entre janvier et décembre 2023, j’ai mené la refonte complète de l’application Artisans Quotatis, en collaboration étroite avec les équipes Produit, Tech, Data et Business d’Adeo. En tant que Senior Product Designer (UX/UI), j’ai assuré la conduite du design system, la recherche utilisateur et participé au pilotage produit.
L’objectif : simplifier, moderniser et enrichir l’expérience des artisans partenaires de Quotatis, au sein d’un écosystème Adeo (Leroy Merlin) utilisé chaque jour par plus de 5000 professionnels en France.
Impact : -50 % de temps d’intervention, +23 pts de NPS, 82 % d’adoption en trois semaines.
Problème :
Au début de l’année 2023, la directrice produit de Quotatis m’a proposé de prendre le lead sur la refonte de l’application mobile Artisans.
Ensemble, nous avons rapidement formulé la problématique centrale du projet :
« Comment redonner confiance et efficacité aux artisans dans leur utilisation de l’app Quotatis, devenue lourde, datée et incohérente visuellement ? »
L’application, utilisée quotidiennement par des milliers d’artisans pour gérer leurs chantiers, leurs devis et leurs échanges avec les clients Leroy Merlin, jouait un rôle clé dans l’écosystème Adeo, mais souffrait de nombreux freins à l’usage.
Les premiers constats issus des retours utilisateurs et des analyses internes étaient sans appel :
Un parcours fragmenté, jamais réellement pensé mobile-first.
Une multiplication des écrans et des interactions redondantes, générant confusion et perte de temps.
Une perte de productivité sur le terrain, notamment lors des déplacements entre chantiers.
Des feedbacks récurrents évoquant des lenteurs, un manque de clarté dans la navigation et une interface vieillissante.
Un endettement design important, hérité de plusieurs années d’itérations isolées et de correctifs successifs.
Au-delà des enjeux d’expérience, la situation soulevait un problème business tangible : une baisse de satisfaction des artisans et une diminution de l’usage des fonctionnalités clés comme le chat, les relances ou la gestion de devis.
Cette refonte devenait donc une opportunité stratégique : repenser en profondeur l’expérience artisan, moderniser le produit et réinstaurer une relation de confiance avec ses utilisateurs.
État des lieux avant refonte
Parcours digitaux incomplets : manque fonctionnels qui souvent lead à des dead ends
Information peu structurée
Peu voir pas de hiérarchie dans les boutons d’actions
Ancienne charte graphique encore utilisée
Beaucoup de composants de navigation différents utilisés en même temps
Aucun patterns de regroupements d’actions contextuelles industrialisé ou réfléchi
Stratégie UX construite couche par couche comme des legos, on ajoute du fonctionnel sans réfléchir à challenger la forme
Usage confu de l’app, utilisateur perdu dans des transactions longues, des grandes pages de données, des bugs dans la manipulation d’informations
Hypothèse
Nous avons posé l’hypothèse que la refonte de l’application devait repartir des usages réels des artisans sur le terrain : une utilisation mobile, rapide, souvent dans des contextes contraints (chantier, déplacement, échanges client). En recentrant l’expérience sur ces situations clés et en introduisant une cohérence visuelle et fonctionnelle grâce à un design system modulaire, nous pouvions renforcer leur efficacité et restaurer la confiance dans l’outil.
D’un point de vue UX, cela signifiait structurer le produit autour de trois contextes d’usage majeurs — la gestion des interventions, la création de documents type Bon de Fin de Travaux et le suivi client — puis réduire la charge cognitive par une meilleure hiérarchisation visuelle et des patterns unifiés.
Sur le plan produit, nous supposions qu’une interface plus fluide, plus prévisible et mieux organisée entraînerait naturellement une hausse du NPS, une réduction des frictions remontées au support et une adoption plus régulière des fonctionnalités clés.
Enfin, d’un point de vue métier, nous estimions qu’en simplifiant les parcours critiques, les artisans gagneraient en rapidité d’exécution et en sérénité d’usage, ce qui contribuerait directement à améliorer leur satisfaction et à renforcer leur fidélité au réseau Quotatis.
Roadmap
Voici une vue résumée de comment s’est déroulé le projet au fil de l’année. Cliquez sur l’image pour agrandir.
Solution
Une refonte UX/UI complète basée sur la recherche terrain, le prototypage rapide et la collaboration étroite entre design, tech et métier.
Étapes et livrables clés :
a) Recherche & compréhension utilisateur
Études artisans menés sur le terrain (Île-de-France, Nord, Rhône). Voir l’étude sur les Artisans et le digital
6 personas-types créés : “L’artisan nomade”, “le gestionnaire d’équipe”, “le nouvel inscrit”.
Cartographie complète du parcours actuel (service blueprint).
Identification des “moments de douleur” dans le tunnel.
d) UI Design & Design System
Création d’un design system modulaire basé sur tokens Montserrat + palettes Quotatis.
Définition des composants principaux : boutons, cartes, formulaires, listes, feedbacks.
Harmonisation visuelle mobile / web via librairie Figma centralisée.
Documentation + transfert au front (React + React Native).
b) Structuration & UX Strategy
Refonte du flow “Gestion de chantier” et “Communication client”.
Priorisation par impact/effort et alignement produit via ateliers (Design Studio + Crazy 8s).
Définition d’un cadre de navigation unifié (bottom navigation persistante).
e) Collaboration tech
Ateliers design-dev hebdomadaires.
Livraison via Jira / Figma inspect.
POC front sur les modules “Dashboard artisan” et “Notifications”.
c) Prototypage & validation
Wireframes interactifs (Figma + Framer) testés en 2 cycles avec utilisateurs réels.
Intégration d’un mode offline + accès rapide aux fiches clients.
Tests A/B sur les CTA contextuels (“Contacter client” / “Ajouter devis”).
Validation via sessions internes métiers (Support, Product Ops, Tech).
Workshops UX - Ateliers d’idéation et expérience mapping avec l’équipe Produit
Phase de early prototyping
Design sprint d’une semaine, outil utilisé : Framer pour détails interactivité (Figma a ce moment là offrait moins de possibilités, ce n’est plus le cas maintenant).
Tests utilisateurs menés en interne pour première analyse lean impacts refonte navigation, arborescence, listing intelligent des interventions, refonte détails intervention.
1 - Complexité du prototype : parcours complet utilisateur expérience Artisan
2 - Prototype interactif complet testable
Éléments de Design System
1 - Variables tokens de couleurs branding et système UI pour sass
2 - Système typographique tailles espacements et tokens
3 - Composants de système de base (formulaire inputs, radio buttons, checkboxes, multi select…)
4 - Système typographique, grille de SVGs, exports des assets optimisés pour le web et mobile natif
5 - Exemples de composants systèmes (badges notification), variabilisation et badges statut intervention
6 - Autres composants systèmes patterns réutilisable cross apps (navigation desktop, mobile, steppers…)
Écrans après refonte
1 - Parcours Artisan nominal du début à la fin de l’intervention (génération du Bon de Fin de Travaux)
2 - Centre de notifications, ajout granularité des préférences par typologie d’informations communiquée à l’Artisan
3 - Présentation des écrans après refonte
Résultats et apprentissages
Résultats mesurables :
| Indicateur | Avant | Après | Impact |
|---|---|---|---|
| Temps moyen pour terminer le cycle d'une intervention | 4m20 | 2m10 | -50 % |
| Satisfaction utilisateur (NPS) | 34 | 57 | +23 points |
| Erreurs signalées dans le support | 100% base | -42 % | |
| Adoption de la nouvelle version | — | 82 % en 3 mois |
Apprentissages clés :
L’importance d’un design system pérenne dans un contexte multi-app.
La nécessité d’une symétrie d’expérience entre artisans et conseillers internes.
L’intérêt de documenter la dette UX pour prioriser les refontes futures.
L’impact positif d’une intégration design + tech + métier dès les premières phases.