Mesurer le ROI d'un Design System bancaire : démontrer l'invisible
Comment j'ai construit un cadre de mesure pour un Design System utilisé par une vingtaine de marques bancaires françaises, en mobilisant la littérature, les pratiques de pairs et la voix du terrain.
Vignette : pyramide de maturité~480×360Schéma du modèle Ben Callahan à 4 stades, avec positionnement de NEO3 (fin stade 2 / début stade 3)
Calligraphie · bordure
Fiche technique
Les ingrédients
Projet
Cadre de mesure du ROI du Design System NEO3
Client
BPCE SI (Solutions Informatiques du groupe BPCE, qui réunit notamment Banque Populaire et Caisse d'Épargne)
Périmètre du Design System
Une vingtaine de marques bancaires françaises du groupe
Adossement technique
F3C, la plateforme engineering qui supporte NEO3
Durée de la mission
4 mois (Avril à Juillet 2025)
Charge effective
15 jours (initialement 8, étendus en cours de mission)
Mon rôle
UX Design Strategist & Design Ops Manager, en mission solo
Commanditaires côté BPCE
Le Manager Leader Technologie - Frameworks frontend et l'Asset Owner Design System
Demande initiale
Construire un cadre de suivi structuré pour mesurer l'impact de NEO3
Modèle de maturité Ben Callahan (Sparkbox) · 3 stabilisateurs Authority/Value/Tradition · Modèle d'adoption Nathan Curtis
Livrable final
Dossier stratégique restitué au COPAS (Comité de pilotage et d'arbitrage) en Juillet 2025, dont un narratif court préparé pour la soutenance d'investissement portée par le Manager Leader Technologie en Septembre 2025
Résultats
Un modèle économique chiffré, démontrant que NEO3 peut atteindre un ROI multiplié par 5 si l'investissement continue, contre une chute à -3,9x si le financement est coupé · 4 axes d'amélioration du ROI · 3 propositions pour pérenniser le Design System · 4 familles de KPIs proposés au suivi
Calligraphie · bordure
Contexte
Une demande floue derrière une question stratégique
BPCE SI est l'entité Solutions Informatiques du groupe BPCE (deuxième groupe bancaire français, qui réunit notamment Banque Populaire, Caisse d'Épargne, Casden, Crédit Coopératif, Banque Palatine et Natixis). Cette entité produit, maintient et fait évoluer les outils numériques utilisés par les collaborateurs et les clients du groupe.
NEO3 est le Design System maison (la bibliothèque commune de composants graphiques et de règles utilisée pour construire les interfaces). Il s'adosse à F3C, la plateforme engineering qui supporte sa distribution et son intégration dans les projets. NEO3 est utilisé par une vingtaine de marques du groupe.
La demande qui m'a été adressée tenait en une phrase : « Aide-nous à construire un cadre de suivi structuré pour mesurer l'impact de NEO3. »
Derrière cette phrase, plusieurs questions stratégiques en suspens. NEO3 a déjà plusieurs années d'existence. Il bénéficie d'une perception positive interne, mais sa valeur économique n'est pas chiffrée. Les équipes savent qu'il fait gagner du temps, mais personne ne peut dire combien. Et dans une organisation qui doit arbitrer chaque année son budget projet, ne pas pouvoir chiffrer la valeur d'un actif transverse, c'est s'exposer à le voir réduit à la prochaine revue budgétaire.
L'ambition réelle de la mission n'était donc pas seulement de proposer des indicateurs. C'était de construire un récit chiffré, suffisamment solide pour défendre NEO3 auprès du comité d'investissement et pour orienter les choix stratégiques à 2-3 ans.
Calligraphie · bordure
L'enjeu
Comment chiffrer ce qui semble inchiffrable ?
Mesurer le ROI d'un Design System pose un problème méthodologique connu. Trois difficultés concrètes se posaient.
Un Design System n'est pas une fonctionnalité isolée. C'est une infrastructure transverse dont la valeur se construit dans le temps, et dont les bénéfices se diffusent à travers les équipes sans toujours être attribuables à une cause unique.
Difficulté 1
Pas de baseline avant/après
NEO3 existait depuis plusieurs années. On ne pouvait pas comparer "avant NEO3" et "après NEO3" sur un même produit, parce que les produits avaient évolué en parallèle. Les gains de temps étaient ressentis, mais pas mesurés.
Difficulté 2
Des données dispersées
Les indicateurs existaient, mais éclatés entre Jira, Figma, Confluence, GitHub, les outils de support. Personne n'avait encore consolidé ces sources dans une vue unifiée orientée ROI.
Difficulté 3
Une matière qualitative non structurée
Les équipes avaient beaucoup à dire sur NEO3, mais leurs retours circulaient dans des canaux informels (Teams, conversations de couloir). Cette parole-là valait beaucoup, mais elle n'était nulle part transformée en argumentaire.
L'enjeu n'était donc pas seulement de "trouver les bons KPIs". Il fallait aussi construire une méthode capable de transformer des sources hétérogènes en récit défendable devant un comité d'investissement. La valeur d'un Design System se démontre à la fois par la donnée chiffrée, par la pratique des pairs, et par la voix du terrain.
Calligraphie · bordure
Mon rôle
Quatre dimensions imbriquées
J'ai mené cette mission en solo, avec deux commanditaires côté BPCE : le Manager Leader Technologie - Frameworks frontend et l'Asset Owner Design System. Tous deux ont été impliqués à chaque étape clé. J'ai validé avec eux le projet de recherche, le guide d'entretien, les premiers enseignements, les modèles mentaux, et le document de restitution.
Mon périmètre couvrait quatre dimensions.
La recherche
J'ai produit une note de synthèse d'une quinzaine de pages sur le ROI des Design Systems, en croisant la littérature spécialisée (Sparkbox, Nielsen Norman Group, Forrester, Ekino), les retours d'expérience publics (Crédit Agricole, GAP, Kaiser Permanente, REA Group, IBM), et les modèles théoriques de Ben Callahan et Nathan Curtis.
Le terrain
J'ai mené 15 interviews semi-structurées avec des développeurs et tech leads internes BPCE, et 4 interviews externes avec des pairs Design System Managers ou Design Ops dans des organisations de référence. J'ai construit pour chaque interview un guide d'entretien adapté au profil, et un mapping rigoureux de chaque verbatim aux 4 axes ROI retenus.
La modélisation
J'ai construit un modèle économique projetant le ROI cumulé de NEO3 sur 5 stades de maturité, avec hypothèses prudentes (j'ai retenu -35% de gain de temps pour les premières années alors que Sparkbox mesure -47% sur Carbon d'IBM). J'ai produit un scénario contraire, « et si on coupait le financement ? », pour démontrer le coût de l'inaction.
Le récit
J'ai produit le dossier stratégique restitué au COPAS (Comité de pilotage et d'arbitrage) en Juillet 2025 : executive summary en 8 points, segmentation utilisateurs en 3 personas, 4 axes d'amélioration, 3 propositions de pérennisation, 4 familles de KPIs proposés au suivi. À partir de ce dossier, j'ai aussi préparé un narratif court, que le Manager Leader Technologie a porté lors de la soutenance d'investissement en Septembre 2025 pour défendre la pérennisation de NEO3.
Calligraphie · bordure
L'approche
Diagnostic, socle, feuille de route
J'ai cadré la mission en trois temps successifs, calés sur une logique de construction progressive. Chaque temps a fait l'objet d'une validation avec les commanditaires avant de passer au suivant.
Temps 1 · ~3 jours
Diagnostic et valorisation des acquis
Comprendre où en est NEO3 sur le modèle de maturité Sparkbox. Identifier les acquis déjà visibles. Croiser les données existantes (Jira, Figma, Confluence, support, transcripts de présentations publiques). Comparer les cas d'usage avec et sans Design System.
SortiePositionnement de NEO3 entre fin stade 2 (Faire adopter) et début stade 3 (Gérer l'adolescence du Design System), avec analyse des trois "stabilisateurs" Authority/Value/Tradition de Ben Callahan.
Temps 2 · ~6 jours
Définition d'un socle de mesure adapté
Identifier les indicateurs pertinents pour différents profils (design, développement, utilisateurs finaux, métiers). Prioriser des indicateurs simples, accessibles et utiles. Conduire les 15 interviews internes et 4 externes pour confronter les hypothèses au terrain.
SortieSélection de 4 axes ROI prioritaires, segmentation en 3 personas, gabarit de tableau de suivi avec KPIs proposés.
Temps 3 · ~6 jours
Feuille de route à 2-3 ans
Définir les axes de développement du système de mesure à court et moyen terme. Construire le modèle économique projeté. Outiller les commanditaires pour défendre la valeur de NEO3 auprès de leurs interlocuteurs internes.
SortieFeuille de route priorisée, modèle économique chiffré sur 5 stades de maturité, fiche argumentaire pour la hiérarchie, 3 propositions de pérennisation.
Calligraphie · bordure
La méthode de recherche
Trois sources pour un récit
Pour transformer une demande floue en argumentaire défendable, je me suis appuyée sur trois mouvements de recherche complémentaires. Pris séparément, chacun aurait été insuffisant. Pris ensemble, ils ont produit un récit triangulé que personne ne pouvait contester comme "subjectif".
01
Recherche secondaire — ce que dit la littérature
J'ai produit une note d'une quinzaine de pages, structurée en trois temps : chiffres clés et bénéfices mesurés, méthodes d'évaluation du ROI, témoignages et exemples concrets.
Quelques sources particulièrement structurantes :
Ben Callahan (Sparkbox) : modèle de maturité à 4 stades, modèle des trois stabilisateurs Authority/Value/Tradition, cadence "3E" Educate/Engage/Evolve. Mesure de référence sur Carbon (IBM) : -47% de temps de développement. (Conférence La Product Conf 2022)
Nathan Curtis : modèle d'adoption en 3 niveaux (Encourage → Enable → Enforce), gouvernance Core/Satellite. (Articles EightShapes sur Medium)
Forrester : ROI projeté significatif sur sites avec Design System mature, gains mesurés sur la conversion et la propension à dépenser.
GAP : étude de cas devenue référence sur le ROI 1$ → 3$, présentée par Ben Callahan dans sa conférence.
Kaiser Permanente, REA Group, IBM, Salesforce, Etsy : retours d'expérience publics sur les gains de productivité, l'adoption à grande échelle, et la réduction de la dette technique.
J'ai mené 4 interviews avec des Design System Managers ou Design Ops Managers de référence dans la fintech et la banque française. L'objectif n'était pas de copier, mais de comprendre quelles pratiques de mesure fonctionnaient réellement dans des contextes comparables à BPCE.
Société Générale(via une consultante Devoteam, ex-Design Ops chez Société Générale) : modèle de financement par contribution forfaitaire prélevée sur le budget de chaque projet digital, baromètre trimestriel de satisfaction designers, DS-reviews obligatoires avant mise en production.
Spendesk(Design System Manager) : pilotage par un KPI "Coverage" de l'utilisation du Design System par les équipes produit, tests automatiques d'accessibilité intégrés à la chaîne de qualité.
Qonto(Design System Manager) : pratiques de gouvernance et de gestion de la contribution multi-équipes.
SGCIB - Société Générale Corporate and Investment Banking(Managing Director - Product Design & AI transformation) : vision stratégique de l'articulation Design System / IA / transformation produit dans un contexte bancaire.
Ce que ces interviews ont apporté de spécifique
Une matière qu'aucune littérature publique ne donne, parce que ces pratiques sont rarement documentées en externe. C'est ce qui a permis de proposer des recommandations directement actionnables, et pas seulement des "bonnes pratiques" abstraites.
03
Recherche interne — la voix du terrain
J'ai conduit 15 interviews semi-structurées avec des développeurs et tech leads internes BPCE. Le panel a été co-construit avec les deux commanditaires de la mission, pour qu'il soit représentatif des différents segments d'utilisateurs (clients internes et externes) et des différentes plateformes techniques (web, mobile, et autres).
Pour chaque interview, un guide d'entretien adapté au profil, et un compte-rendu structuré comprenant :
Contexte et profil de la personne interviewée
Impact ressenti de NEO3 sur le terrain
Mapping aux 4 axes ROI (adoption, dette, conformité, on-boarding)
Notation des métriques discutées sur une échelle 1-5
Score qualité & accessibilité auto-évalué
Freins et leviers identifiés
Recommandations priorisées
Sortie de cette phase
Ces 15 interviews m'ont permis de faire émerger la segmentation en 3 personas présentée à la section suivante.
Calligraphie · bordure
Le modèle économique
Un ROI multipliable par 5
À partir de la matière collectée, j'ai construit un modèle économique projetant le ROI cumulé de NEO3 sur les stades de maturité du modèle Sparkbox.
Le modèle s'appuie sur quatre axes de bénéfices quantifiables :
Axe 1
Adoption
Heures économisées sur le développement à mesure que NEO3 est utilisé sur de nouveaux écrans.
Axe 2
Dette & migrations
Réduction des coûts de migration et de la dette technique grâce aux outils standardisés.
Axe 3
Conformité accessibilité
Amendes RGAA évitées et image de marque inclusive préservée.
Axe 4
Prise en main
Raccourcissement du temps d'autonomie d'un nouveau développeur grâce aux starter-kits.
Pour chaque axe, j'ai retenu des hypothèses délibérément prudentes. Par exemple, alors que Sparkbox mesure -47% de temps de développement gagné sur Carbon (IBM), je n'ai retenu que -35% pour les premières années, avec une montée progressive vers -47% à mesure que NEO3 gagne en maturité.
Schéma : ROI continu vs ROI minimum service~720×400Courbe simplifiée à deux scénarios sur 5 stades de maturité
Scénario 1 · Continuer l'investissement
ROI multipliable par 5,5
+5,5x au plateau
Le modèle projette un ROI net qui passe de 0,2x à la phase de construction (Année 0/1) à 5,5x au plateau (années suivant l'adoption à plus de 75%). Autrement dit, chaque euro investi dans NEO3 en générerait jusqu'à 5,5 euros de bénéfices cumulés une fois la maturité atteinte.
Scénario 2 · Couper le financement
ROI qui chute à -3,9
-3,9x au plateau
Si l'investissement dans NEO3 était réduit à un budget de maintenance minimal, le ROI net chuterait à -3,9x au plateau : la dette technique non traitée s'accumulerait, les coûts de migration exploseraient, les non-conformités RGAA généreraient des risques d'amende.
Calligraphie · bordure
Les 3 personas
Trois personas, trois besoins différents
Les 15 interviews internes ont fait émerger trois profils-types très distincts dans la relation à NEO3. Cette segmentation a permis de personnaliser les recommandations plutôt que de proposer un plan d'action uniforme.
👑
Les Champions
Des experts enthousiastes
Maturité élevée (4-5/5). Tech leads internes principalement. Forte adoption, taux de surcharge inférieur à 5%, à l'aise avec la documentation.
« Je vois NEO comme un accélérateur. Ce qu'il me faut maintenant, c'est de la visibilité sur la suite. »
Leur frein n'est plus l'adoption, mais la gestion des breaking-changes et la lisibilité de la roadmap. Leurs besoins : roadmap participative et priorisée, accès aux métriques pour mieux piloter, accompagnement renforcé sur les migrations.
🤝
Les Pragmatiques
Des utilisateurs intermédiaires qui diffusent
Maturité moyenne (2-3/5). Mix interne/externe. Adoption hétérogène, taux de surcharge 10-15%. Ils jonglent entre plusieurs Design Systems hérités, ce qui complique leur quotidien.
« On s'interdit de customiser depuis NEO3. Dès qu'un UX propose un truc exotique, on aligne sur la charte. »
Leurs pratiques de QA sont disparates. Leurs besoins : exemples "prêts à copier", développement des process de QA sur le style et l'accessibilité, accompagnement sur les breaking changes et migrations, visibilité sur la roadmap.
🧭
Les Explorateurs
Des débutants prudents
Maturité débutante (1-2/5). Majoritairement internes, prestataires externes. Adoption basse, taux de surcharge 10-15%, conformité RGAA faible avec risque d'amende.
« Pour comprendre la doc, savoir ce dont j'avais vraiment besoin, c'était compliqué, j'ai vraiment passé du temps dessus. »
Ils peinent à adapter les composants à leur contexte. Leurs besoins : documentation type "recette illustrée" avec exemples de pages complètes, processus clair de demande de composant, ateliers d'initiation et formats de partage avec les Champions.
Calligraphie · bordure
Les recommandations
Quatre axes pour augmenter le ROI, trois leviers pour le pérenniser
À partir du diagnostic, du modèle économique et des interviews, j'ai proposé deux niveaux de recommandations.
🎯 Quatre axes d'amélioration du ROI
Les leviers concrets pour augmenter la valeur générée par NEO3 sur chacun des 4 axes mesurés.
Axe 1
Adoption → Temps gagné
Plus un écran réutilise NEO3, moins on code. Le délai maquette vers production se divise, et chaque point d'adoption supplémentaire démultiplie le retour sur investissement.
Axe 2
Dette & migrations
Proposer des services d'accompagnement standardisés (schematics) pour que les migrations ne coûtent plus aussi cher à chaque projet, et absorber les coûts à l'échelle. Une migration majeure peut coûter jusqu'à 200 jours-hommes par projet sans outillage.
Axe 3
Conformité accessibilité
Linters et audits automatiques peuvent supprimer 70% des écarts. Zéro amende, image inclusive préservée. Ce point est d'autant plus stratégique pour BPCE qu'il s'agit d'un acteur bancaire soumis aux obligations RGAA.
Axe 4
On-boarding
Un starter-kit interactif accélère la facilité à développer sa première page avec NEO3. La vélocité grimpe dès le premier sprint. Cible : les nouveaux développeurs et les prestataires externes.
🛡 Trois propositions pour pérenniser NEO3
Les leviers structurels pour sécuriser l'investissement Design System sur la durée.
Proposition 1
Financement participatif
Instituer, dès 1 M€ de budget projet, une contribution NEO3 obligatoire de 2% du coût projet. Modèle inspiré de la Société Générale : permet de sécuriser le budget Design System sans dépendre des arbitrages annuels, et de justifier des recrutements pérennes.
Proposition 2
Gouvernance produit
Accorder à l'équipe NEO3 un siège aux comités d'investissement majeurs, pour anticiper les besoins projets en amont plutôt que de subir les demandes en aval.
Proposition 3
Mesure de la valeur
Suivre trimestriellement 4 KPI "fast-ROI" : pourcentage de réemploi des composants, jours de migration évités, score d'accessibilité, time-to-first-page. Choisis parce qu'ils sont à la fois faciles à instrumenter et lisibles par un comité exécutif.
Calligraphie · bordure
Voix du projet
Ce qu'en disent celles et ceux qui ont fait ce projet avec moi
Verbatims à venir, recueillis auprès des personnes impliquées dans la mission.
« Verbatim à recueillir. »
« Verbatim à recueillir. »
« Verbatim à recueillir. »
Calligraphie · bordure
Variantes
Ce que je referais autrement
Variante 1
Sécuriser un sponsor exécutif dès le démarrage
La mission a été commanditée et accompagnée par deux commanditaires très solides côté BPCE, mais le passage en COPAS aurait gagné à être préparé avec un sponsor de niveau exécutif identifié dès le départ. Avec plus de temps, j'aurais cadré dès la phase de proposition les modalités de présentation au plus haut niveau, et identifié un parrain de la démarche au COMEX.
Variante 2
Industrialiser plus tôt la collecte des données
J'ai mobilisé des données existantes (Jira, Figma, Confluence) pour construire le modèle économique, sans pipeline automatisé. Avec plus de temps, j'aurais proposé une instrumentation automatique des 4 KPI fast-ROI dès la première phase, pour que le tableau de bord puisse vivre au-delà de ma mission.
Variante 3
Inclure les designers dans les ateliers
Les 15 interviews internes ont concerné principalement des développeurs et tech leads, ce qui était cohérent avec le périmètre de la demande (NEO3 vu côté tech). Mais NEO3 a aussi des utilisateurs côté Product Design. Un atelier de co-construction avec les designers aurait permis d'enrichir la grille de lecture côté création, et d'asseoir les recommandations sur un panel encore plus large.
Crédits
Mission menée pour BPCE SI(Solutions Informatiques du groupe BPCE). Commanditée et accompagnée côté BPCE par le Manager Leader Technologie - Frameworks frontend et l'Asset Owner Design System.
Sources mobilisées :
Cadre théorique : Ben Callahan (Sparkbox), Nathan Curtis (EightShapes), Dan Mall.
Recherche externe : 4 interviews avec des Design System Managers et Design Ops de référence dans la banque et la fintech française : Société Générale (via une consultante Devoteam ex-Design Ops Société Générale), Spendesk, Qonto, SGCIB.
Recherche secondaire : Sparkbox, Nielsen Norman Group, Forrester, Ekino, retours publics de Crédit Agricole, GAP, Kaiser Permanente, REA Group, IBM, Salesforce, Etsy.
Présentation publique BPCE × Figma(« In the File : Tokens & Design System multi-marques ») sur YouTube, qui a documenté l'architecture technique de NEO3.
Mes remerciements particuliers aux 15 personnes interviewées en interne BPCE, ainsi qu'aux 4 pairs externes qui m'ont consacré leur temps.
Contact
Ça vous intéresse ?
Vous avez un Design System dont vous savez qu'il crée de la valeur, mais sans pouvoir le démontrer ? Vous préparez un arbitrage budgétaire et avez besoin d'un argumentaire chiffré ? Vous voulez construire un cadre de mesure qui résiste aux changements d'organisation ?
Appel découverte 30 min, gratuit, sans engagement.