Contexte

Un "Founding" design system existait mais suivait difficilement l'évolution et la création de nouveaux produits. J'ai alors pris le lead pour améliorer sa qualité UI design, structurer sa gouvernance et optimiser son évolution en collaboration avec les équipes Tech et Product.

Contexte

Un "Founding" design system existait mais suivait difficilement l'évolution et la création de nouveaux produits. J'ai alors pris le lead pour améliorer sa qualité UI design, structurer sa gouvernance et optimiser son évolution en collaboration avec les équipes Tech et Product.

Objectif

Objectif

Qualité

Scalabilité

Productivité

Fiabiliser et faire évoluer le Design System pour garantir la cohérence entre Design et Développement, tout en structurant sa gouvernance et ses processus.

Résultats

23%

de composants utilisés non détachés

+10%

de vélocité design

67%

du backlog Design System résorbé en 3 mois

Résultats

23%

de composants utilisés non détachés

+10%

de vélocité design

67%

du backlog Design System résorbé en 3 mois

Problème

Problème

Ergonomie

Ergonomie

Ergonomie

Ergonomie

Comment gérer un Design System devenu incohérent, sans règles communes ni ressources dédiées pour le maintenir ?

Contraintes

Contraintes

  • Des designers qui mettent à jour les composants à la volée, même pour un besoin spécifique

  • Peu de capex à allouer, Design comme Tech : le produits doivent continuer d'être développés

  • Croissance des équipes Design & Tech accentuant les écarts

Démarche

Démarche

Auditer et rationaliser les composants

Arrow Icon

Inventorier les composants, identifier les doublons et les usages réels. Réorganiser la bibliothèque selon les besoins designer, redesigner et restructurer certains composants (🎨 UI design : atomic design, variants, auto-layout, variables, modes, tokens / interactions, patterns, layout, templates...).

> Repartir de l'existant pour construire une bibliothèque fiable et réellement réutilisable.

Identifier et prioriser les écarts

Arrow Icon

Structurer le Design-to-Delivery

Arrow Icon

Instaurer une gouvernance collaborative

Arrow Icon
Image
Image

Auditer et rationaliser les composants

Arrow Icon

Inventorier les composants, identifier les doublons et les usages réels. Réorganiser la bibliothèque selon les besoins designer, redesigner et restructurer certains composants (🎨 UI design : atomic design, variants, auto-layout, variables, modes, tokens / interactions, patterns, layout, templates...).

> Repartir de l'existant pour construire une bibliothèque fiable et réellement réutilisable.

Image

Identifier et prioriser les écarts

Arrow Icon

Structurer le Design-to-Delivery

Arrow Icon

Instaurer une gouvernance collaborative

Arrow Icon
Image

Auditer et rationaliser les composants

Arrow Icon

Inventorier les composants, identifier les doublons et les usages réels. Réorganiser la bibliothèque selon les besoins designer, redesigner et restructurer certains composants (🎨 UI design : atomic design, variants, auto-layout, variables, modes, tokens / interactions, patterns, layout, templates...).

> Repartir de l'existant pour construire une bibliothèque fiable et réellement réutilisable.

Image

Identifier et prioriser les écarts

Arrow Icon

Structurer le Design-to-Delivery

Arrow Icon

Instaurer une gouvernance collaborative

Arrow Icon
Image

Des composants mieux conçus,
un Design System robuste

Au-delà de la remise à niveau des composants, le projet a permis de structurer le fonctionnement du Design System autour de quatre piliers :

1️⃣ Une bibliothèque rationalisée
2️⃣ Une gouvernance collaborative

3️⃣ Une documentation standardisée

4️⃣ Un delivery intégré aux équipes produits.

Cette structure optimisée a permis de créer, structurer et organiser le design system Klesia multi-marque et multi-device de façon la plus efficiente possible.

Résultats

Résultats

La montée en maturité du Design System, grâce à la refonte des composants UI et de leur structure Figma, a permis de gagner 10 % de vélocité design et de conserver 23 % de composants Design System supplémentaires dans les produits.

Après six mois de stagnation du backlog, l'optimisation du processus de delivery a permis de résorber 67% des tickets en seulement trois mois.

Disponible

Appel découverte
sans engagement

Découvrez ma façon de travailler, et comment je peux vous aider, vous et votre entreprise, à passer à l’étape suivante.

Disponible

Appel découverte
sans engagement

Découvrez ma façon de travailler, et comment je peux vous aider, vous et votre entreprise, à passer à l’étape suivante.

Disponible

Appel découverte
sans engagement

Découvrez ma façon de travailler, et comment je peux vous aider, vous et votre entreprise, à passer à l’étape suivante.

À la fois très créative et empathique, Amélie mène les projets d’une efficacité redoutable. Elle comprend très vite tous les enjeux d’une problématique. Merci d’avoir géré avec diplomatie et finesse ! Elle est la seule personne que je connaisse qui fait le métier de ses softs skills.

Nathalie Rilcy

UX Writer Senior & formatrice au Laptop

À la fois très créative et empathique, Amélie mène les projets d’une efficacité redoutable. Elle comprend très vite tous les enjeux d’une problématique. Merci d’avoir géré avec diplomatie et finesse ! Elle est la seule personne que je connaisse qui fait le métier de ses softs skills.

Nathalie Rilcy

UX Writer Senior & formatrice au Laptop

À la fois très créative et empathique, Amélie mène les projets d’une efficacité redoutable. Elle comprend très vite tous les enjeux d’une problématique. Merci d’avoir géré avec diplomatie et finesse ! Elle est la seule personne que je connaisse qui fait le métier de ses softs skills.

Nathalie Rilcy

UX Writer Senior & formatrice au Laptop