INDUSTRY:
SAAS PLATFORM
CLIENT:
BRYJ.AI
EXPERIENCE:
DESIGN SYSTEM
Design System
From Scratch To Scale
Lead Product Designer & Architecte du Design System
Design System
UI Components
Figma Library
Storybook
Dark & Light Mode
Accessibility
À propos.
Conception d'un Design System complet à partir de zéro pour deux produits majeurs qui manquaient auparavant de cohérence visuelle.
Audit des interfaces existantes afin d'identifier les besoins récurrents en matière de composants et de patterns de design.
Création de composants UI adaptables pour les modes clair et sombre (design tokens, bibliothèques Figma), adaptés aux besoins spécifiques de chaque produit tout en garantissant cohérence, accessibilité et scalabilité.
Mise en place d'une documentation claire et structurée pour assurer une adoption fluide par les équipes tech et design (conventions de nommage, bonnes pratiques, variantes d'utilisation, comportement responsive, etc.).
Collaboration étroite avec les développeurs pour garantir une implémentation fidèle et un fort alignement entre design et code, avec des points réguliers et un suivi continu. Utilisation de Storybook comme outil partagé de développement.
Mise en place d'ateliers et de rituels de design réguliers avec les équipes produit afin d'améliorer en continu le système en fonction des retours terrain et de l'évolution des besoins métier. Gestion du versioning et des mises à jour du système.
Design System
From Scratch To Scale
Lead Product Designer
& Architecte Design System
Design System
UI Components
Figma Library
Storybook
Dark & Light Mode
Accessibility
À propos.
Conception d'un Design System complet à partir de zéro pour deux produits majeurs qui manquaient auparavant de cohérence visuelle.
Audit des interfaces existantes afin d'identifier les besoins récurrents en matière de composants et de patterns de design.
Création de composants UI adaptables pour les modes clair et sombre (design tokens, bibliothèques Figma), adaptés aux besoins spécifiques de chaque produit tout en garantissant cohérence, accessibilité et scalabilité.
Mise en place d'une documentation claire et structurée pour assurer une adoption fluide par les équipes tech et design (conventions de nommage, bonnes pratiques, variantes d'utilisation, comportement responsive, etc.).
Collaboration étroite avec les développeurs pour garantir une implémentation fidèle et un fort alignement entre design et code, avec des points réguliers et un suivi continu. Utilisation de Storybook comme outil partagé de développement.
Mise en place d'ateliers et de rituels de design réguliers avec les équipes produit afin d'améliorer en continu le système en fonction des retours terrain et de l'évolution des besoins métier. Gestion du versioning et des mises à jour du système.
Design System
From Scratch
To Scale
Lead Product Designer
& Design System
Architect
Design System
UI Components
Figma Library
Storybook
Dark & Light Mode
Accessibility
À propos.
Conception d'un Design System complet à partir de zéro pour deux produits majeurs qui manquaient auparavant de cohérence visuelle.
Audit des interfaces existantes afin d'identifier les besoins récurrents en matière de composants et de patterns de design.
Création de composants UI adaptables pour les modes clair et sombre (design tokens, bibliothèques Figma), adaptés aux besoins spécifiques de chaque produit tout en garantissant cohérence, accessibilité et scalabilité.
Mise en place d'une documentation claire et structurée pour assurer une adoption fluide par les équipes tech et design (conventions de nommage, bonnes pratiques, variantes d'utilisation, comportement responsive, etc.).
Collaboration étroite avec les développeurs pour garantir une implémentation fidèle et un fort alignement entre design et code, avec des points réguliers et un suivi continu. Utilisation de Storybook comme outil partagé de développement.
Mise en place d'ateliers et de rituels de design réguliers avec les équipes produit afin d'améliorer en continu le système en fonction des retours terrain et de l'évolution des besoins métier. Gestion du versioning et des mises à jour du système.
Défis.
Garantir la cohérence tout en conservant de la flexibilité
Trouver l'équilibre entre le besoin de cohérence visuelle et fonctionnelle à travers les produits.Penser à l'échelle dès le départ
Concevoir un système évolutif capable de s'adapter facilement à de nouveaux cas d'usage, produits, thèmes (mode sombre/clair) et contextes (responsive, accessibilité, internationalisation, etc.).Collaboration efficace avec les équipes techniques
Assurer un alignement parfait entre le design et le développement : choix d'outils communs (Storybook), intégration des contraintes techniques, partage des conventions de nommage et validation des composants codés.Gérer l'adoption et le changement
Former et accompagner les équipes pour assurer une adoption fluide du Design System. Cela inclut une documentation claire, la transmission des bonnes pratiques et l'écoute des retours des utilisateurs internes.Maintenir, faire évoluer et gouverner dans la durée
Mettre en place des rituels pour maintenir la qualité du système, le faire évoluer selon les retours, prioriser les mises à jour et gérer les demandes entrantes sans compromettre la structure ni l'efficacité.
Résultat.
Cohérence & Couverture
100% des interfaces produit couvertes par les composants du Design System en 10 mois
Vitesse de développement
Réduction du temps de développement UI par fonctionnalité
→ Équipe technique : temps gagné grâce à la réutilisation des composants codés via Storybook.
Taux d'adoption
Développeurs, équipe produit intégrés, nouvelles fonctionnalités construites avec le système
→ Équipe PM / Design : taux d'utilisation du système au sein des équipes et produits.
Défis.
Garantir la cohérence tout en conservant de la flexibilité
Trouver l'équilibre entre le besoin de cohérence visuelle et fonctionnelle à travers les produits.Penser à l'échelle dès le départ
Concevoir un système évolutif capable de s'adapter facilement à de nouveaux cas d'usage, produits, thèmes (mode sombre/clair) et contextes (responsive, accessibilité, internationalisation, etc.).Collaboration efficace avec les équipes techniques
Assurer un alignement parfait entre le design et le développement : choix d'outils communs (Storybook), intégration des contraintes techniques, partage des conventions de nommage et validation des composants codés.Gérer l'adoption et le changement
Former et accompagner les équipes pour assurer une adoption fluide du Design System. Cela inclut une documentation claire, la transmission des bonnes pratiques et l'écoute des retours des utilisateurs internes.Maintenir, faire évoluer et gouverner dans la durée
Mettre en place des rituels pour maintenir la qualité du système, le faire évoluer selon les retours, prioriser les mises à jour et gérer les demandes entrantes sans compromettre la structure ni l'efficacité.
Résultat.
Cohérence & Couverture
100% des interfaces produit couvertes par les composants du Design System en 10 mois
Vitesse de développement
Réduction du temps de développement UI par fonctionnalité
→ Équipe technique : temps gagné grâce à la réutilisation des composants codés via Storybook.
Taux d'adoption
Développeurs, équipe produit intégrés, nouvelles fonctionnalités construites avec le système
→ Équipe PM / Design : taux d'utilisation du système au sein des équipes et produits.
Défis.
Garantir la cohérence tout en conservant de la flexibilité
Trouver l'équilibre entre le besoin de cohérence visuelle et fonctionnelle à travers les produits.Penser à l'échelle dès le départ
Concevoir un système évolutif capable de s'adapter facilement à de nouveaux cas d'usage, produits, thèmes (mode sombre/clair) et contextes (responsive, accessibilité, internationalisation, etc.).Collaboration efficace avec les équipes techniques
Assurer un alignement parfait entre le design et le développement : choix d'outils communs (Storybook), intégration des contraintes techniques, partage des conventions de nommage et validation des composants codés.Gérer l'adoption et le changement
Former et accompagner les équipes pour assurer une adoption fluide du Design System. Cela inclut une documentation claire, la transmission des bonnes pratiques et l'écoute des retours des utilisateurs internes.Maintenir, faire évoluer et gouverner dans la durée
Mettre en place des rituels pour maintenir la qualité du système, le faire évoluer selon les retours, prioriser les mises à jour et gérer les demandes entrantes sans compromettre la structure ni l'efficacité.
Résultat.
Cohérence & Couverture
100% des interfaces produit couvertes par les composants du Design System en 10 mois
Vitesse de développement
Réduction du temps de développement UI par fonctionnalité
→ Équipe technique : temps gagné grâce à la réutilisation des composants codés via Storybook.
Taux d'adoption
Développeurs, équipe produit intégrés, nouvelles fonctionnalités construites avec le système
→ Équipe PM / Design : taux d'utilisation du système au sein des équipes et produits.
"Grâce à Murielle, le Design System n'a pas seulement été déployé sans accroc : elle a également trouvé et mis en place des solutions et des processus de collaboration efficaces. Elle a mené le projet avec succès, en veillant à ce que le produit soit facile à adopter et à utiliser pour tout nouveau membre de l'équipe."
Magali Cebe
Brand & UX Director
Brand & UX Director
