Étude de cas (2026)

Lead Design

Refondre un design system de A à Z pour unifier la création produit et propulser la vélocité des équipes grâce à l'IA

Télécharger mon portfolio >

Introduction Actions Principes Analyses Applications

Clients

Boond

Habilité

Lead Design System

Période

2026

De Zorro à Synapse : l'industrialisation du design chez Boond

En 2026, j’ai pris le lead sur la refonte globale du design system de Boond lors d’une mission de 3 mois. L’objectif stratégique : concevoir Synapse, un écosystème scalable venant remplacer Zorro, l’ancien système devenu trop fragmenté, peu documenté et difficile à adopter par les Product Designers et les développeurs.

En tant que Lead, ma mission ne se limitait pas à la création de composants : il s’agissait de repenser l’intégralité du stack fonctionnel, depuis les tokens fondamentaux jusqu’à la gouvernance globale, en intégrant des pipelines d’automatisation IA inédits.

Figma

Outil de conception et unique source de vérité du Design System. Tous les composants, tokens, variantes et spécifications y sont centralisés.

Claude

Espace de travail IA dédié au Design System. Il centralise les compétences, le contexte et les pipelines d'automatisation pour assister les designers tout au long du workflow du DS.

n8n

Orchestration layer for DS automations. Connects tools together and triggers workflows across Figma, Confluence, Jira and Slack.

Google Drive

Espace de stockage pour les spécifications lisibles par les LLM. Héberge la documentation du design system utilisée par Claude pour générer des designs et des composants iso-conformes.

Confluence

Plateforme officielle de documentation du Design System. Elle publie des références structurées et intelligibles pour chaque composant : variantes, tokens, règles d'utilisation et notes d'accessibilité.

Jira

Issue tracking for the DS. Manages the full lifecycle of components from design to dev — stories, bugs, tasks and epics in the BM project.

Slack

Canal de communication dédié aux changelogs du Design System. Diffuse en temps réel à l'équipe les mises à jour, la publication de nouveaux composants et les changements majeurs (breaking changes).

"La vision pour Synapse : Bâtir une source de vérité unique, accessible sans friction par les équipes produit, et nativement compréhensible par les développeurs et les outils d'Intelligence Artificielle."

Boond en quelques chiffres

0 Clients

Nombre d'ESN et sociétés de conseil qui utilisent quotidiennement l'ERP.

0 Utilisateurs actifs

sur la plateforme, avec un taux de renouvellement exceptionnel de 98%.

0 Designers

Un head of design, deux designers, UX Researcher et un DS manager.

Vision & Déploiement

I

L'anatomie du système : Architecture, Gouvernance & Pipeline IA

Passer d’une simple bibliothèque UI à un véritable outil d’industrialisation exige une infrastructure robuste. Les trois schémas ci-dessous illustrent la colonne vertébrale stratégique de Synapse : son architecture modulaire multi-librairies, ses règles de gouvernance garantes de la qualité, et son pipeline d’automatisation inédit propulsé par l’IA pour démultiplier la vélocité des équipes.

1 - GOUVERNANCE DU DESIGN SYSTEM

2 - ARCHITECTURE DS SYNAPSE

3 - ARCHITECTURE DE L'AUTOMATISATION DE LA DOCUMENTATION

II

Réalignement de la Direction Artistique & Contraintes Techniques

En étroite collaboration avec le Head of Design et les Product Designers, j’ai co-piloté la revue complète de la direction artistique du portail. L’objectif était de traduire fidèlement les nouvelles guidelines du Brand Book en interfaces numériques modernes et impactantes. En tant que Lead, cet exercice d’équilibriste a consisté à piloter ce “réenchantement visuel” tout en naviguant habilement avec les contraintes technologiques strictes imposées par le framework Ember.js, ainsi que l’héritage et les complexités fonctionnelles propres au produit Boond. Le résultat est une UI renouvelée, parfaitement ancrée dans l’identité de marque, sans jamais compromettre la faisabilité technique.

III

Restructuration du système de tokens

Pour guider efficacement les designers et sécuriser la production, j’ai totalement repensé l’exposition des fondations. J’ai masqué les couleurs primitives pour n’exposer que les tokens sémantiques contextuels dans Figma. J’ai également rationalisé la palette pour garantir des contrastes WCAG irréprochables et enrichi le système en couvrant 100% des valeurs de style : sizing, spacing, radius, typographie, motion, opacité et bordures.

IV

Architecture de l'écosystème en 9 librairies

Afin de garantir la scalabilité et fluidifier le travail simultané de plusieurs squads, j’ai structuré Synapse en 9 librairies Figma hiérarchisées :

– Foundation : Le cœur du réacteur (tokens couleurs, typo, spacing) qui irrigue tout le système.
– Components & Organisms : De l’atome au bloc fonctionnel complexe (auto-layout et tokens imposés).
– Templates & Structures : Gabarits et grilles pour normaliser la création de nouvelles pages.
– Brand & Product Assets : Centralisation stricte de l’iconographie et des illustrations.
– Content & Data : Variables de micro-copy et jeux de données réalistes pour fiabiliser les tests utilisateurs.

Brand & Product Assets

V

L'innovation Ops : Pipeline d'Automatisation IA

La véritable valeur d’un Lead réside dans l’outillage de son équipe. J’ai orchestré un pipeline d’automatisation inédit : chaque publication d’une librairie Figma déclenche un webhook via N8N. Connecté à Claude (via un workspace IA dédié), ce pipeline détecte les changements et s’occupe de :

– Générer et publier la documentation détaillée sur Confluence.
– Créer les tickets structurés dans Jira (Story, Bug, Task) prêts pour le développement.
– Mettre à jour les descriptions dans Figma et diffuser le changelog sur Slack.
– Maintenir les spécifications LLM sur Google Drive pour encadrer le prototypage IA.

"Plus qu'une simple bibliothèque UI, j'ai conçu Synapse comme un levier stratégique pour la qualité produit et un moteur d'accélération pour toutes les équipes — designers, Product Owner développeurs, et assistants IA."

Vision et Scalabilité

Synapse est devenu un produit à part entière au service des équipes. Parfaitement aligné sur les guidelines du Brand Book et propulsé par une architecture LLM-ready, le système garantit aujourd’hui une cohérence visuelle absolue tout en permettant à l’équipe design de réduire drastiquement son temps de documentation pour se concentrer sur l’expérience utilisateur

Projection de l'évolution du design system Boond (Comming soon..)

Avant Après

Apperçu du prototypage assisté par IA

Voir Aussi...

Content Design Design Ops Ux Design

Design System Page Suivante