BNP
PARIBAS

BNP
PARIBAS

BNP
PARIBAS

J'ai contribué au développement du Design System "Stellar" pour les outils Cash Corporate de BNP Paribas. Cette initiative, en collaboration étroite avec le Cabinet Faber Novel et l’agence Design is Vital, a été mise en place pour standardiser et optimiser l'expérience utilisateur sur les produits BtoB de BNP Paribas.

Rôle

Rôle

Product Designer / Design System Manager

Product Designer /
Design System
Manager

Durée

Durée

2 ans

2 ans

2 ans

Secteur

Secteur

Banque

Banque

Banque

LE CHALLENGE

LE CHALLENGE

LE CHALLENGE

Le principal défi était de créer un Design System unifié qui pourrait être utilisé à travers plusieurs applications, réduisant ainsi la charge de travail liée à l'UI et à l'intégration front-end. Il fallait également réduire les coûts de maintenance, minimiser les risques lors des mises à jour et évolutions, et diminuer la dette produit des applications existantes. Les contraintes comprenaient la nécessité de standardiser l'expérience utilisateur tout en répondant aux besoins spécifiques de chaque application BtoB.

Le principal défi était de créer un Design System unifié qui pourrait être utilisé à travers plusieurs applications, réduisant ainsi la charge de travail liée à l'UI et à l'intégration front-end. Il fallait également réduire les coûts de maintenance, minimiser les risques lors des mises à jour et évolutions, et diminuer la dette produit des applications existantes. Les contraintes comprenaient la nécessité de standardiser l'expérience utilisateur tout en répondant aux besoins spécifiques de chaque application BtoB.

Le principal défi était de créer un Design System unifié qui pourrait être utilisé à travers plusieurs applications, réduisant ainsi la charge de travail liée à l'UI et à l'intégration front-end. Il fallait également réduire les coûts de maintenance, minimiser les risques lors des mises à jour et évolutions, et diminuer la dette produit des applications existantes. Les contraintes comprenaient la nécessité de standardiser l'expérience utilisateur tout en répondant aux besoins spécifiques de chaque application BtoB.

PRODUIT

PRODUIT

PRODUIT

"Stellar" est un Design System conçu pour améliorer la cohérence visuelle et l'efficacité des outils Cash Corporate de BNP Paribas. Il intègre des composants autonomes basés sur l'approche Atomic Design, tels que les atomes, les molécules, et les organismes. Les utilisateurs cibles sont les équipes de design et de développement de BNP Paribas, ainsi que les utilisateurs finaux des outils Cash Corporate. "Stellar" se différencie par sa capacité à faciliter l'intégration de nouvelles fonctionnalités tout en maintenant une expérience utilisateur fluide.

"Stellar" est un Design System conçu pour améliorer la cohérence visuelle et l'efficacité des outils Cash Corporate de BNP Paribas. Il intègre des composants autonomes basés sur l'approche Atomic Design, tels que les atomes, les molécules, et les organismes. Les utilisateurs cibles sont les équipes de design et de développement de BNP Paribas, ainsi que les utilisateurs finaux des outils Cash Corporate. "Stellar" se différencie par sa capacité à faciliter l'intégration de nouvelles fonctionnalités tout en maintenant une expérience utilisateur fluide.

"Stellar" est un Design System conçu pour améliorer la cohérence visuelle et l'efficacité des outils Cash Corporate de BNP Paribas. Il intègre des composants autonomes basés sur l'approche Atomic Design, tels que les atomes, les molécules, et les organismes. Les utilisateurs cibles sont les équipes de design et de développement de BNP Paribas, ainsi que les utilisateurs finaux des outils Cash Corporate. "Stellar" se différencie par sa capacité à faciliter l'intégration de nouvelles fonctionnalités tout en maintenant une expérience utilisateur fluide.

+10

+10

+10

squads qui utilisent Stellar

squads qui utilisent Stellar

squads qui utilisent Stellar

75%

75%

75%

des composants du produit "POC" proviennent de Stellar

des composants du produit "POC" proviennent de Stellar

des composants du produit "POC" proviennent de Stellar

démarche

J'ai utilisé l'approche de Design Thinking pour ce projet, combinée avec l'approche Atomic Design. J'ai recueilli les besoins des équipes à travers des ateliers de co-création et des interviews. Des tests utilisateurs réguliers ont été menés pour valider les concepts et itérer sur les designs. L'intégration des design tokens a facilité la gestion cohérente des éléments de design à travers le système.

“ Matteo a démontré ses compétences en Design system au sein de CCE, en effet son sens du partage et de la communication fluidifie le travail avec les développeurs, le business et l'IT. Les utilisateurs apprécient son investissement pour comprendre les problématiques. Il a la capacité à travailler sur différents produits et possède un excellent sens de la priorisation. Possédant une très bonne capacité d'adaptation, il aura toutefois une tendance à exceller dans des organisations agile. Positif et énergique il favorise le travail en équipe au service du prochain objectif collectif. ”

“ Matteo a démontré ses compétences en Design system au sein de CCE, en effet son sens du partage et de la communication fluidifie le travail avec les développeurs, le business et l'IT. Les utilisateurs apprécient son investissement pour comprendre les problématiques. Il a la capacité à travailler sur différents produits et possède un excellent sens de la priorisation. Possédant une très bonne capacité d'adaptation, il aura toutefois une tendance à exceller dans des organisations agile. Positif et énergique il favorise le travail en équipe au service du prochain objectif collectif. ”

“ Matteo a démontré ses compétences en Design system au sein de CCE, en effet son sens du partage et de la communication fluidifie le travail avec les développeurs, le business et l'IT. Les utilisateurs apprécient son investissement pour comprendre les problématiques. Il a la capacité à travailler sur différents produits et possède un excellent sens de la priorisation. Possédant une très bonne capacité d'adaptation, il aura toutefois une tendance à exceller dans des organisations agile. Positif et énergique il favorise le travail en équipe au service du prochain objectif collectif. ”

Romuald Senathirajah

Romuald Senathirajah

Romuald Senathirajah

Product Manager | BNP Paribas

Product Manager | BNP Paribas

Product Manager | BNP Paribas

ProcessUS

ProcessUS

ProcessUS

Phase 1 : Recherche et Analyse - Recueil des besoins des équipes (PO, Développeurs et Designers), analyse des interfaces existantes et identification des composants nécessaires.


Phase 2 : Conception du Design System - Création des atomes, molécules et organismes en utilisant Figma, et définition des design tokens pour les couleurs, typographies et espacements. Nous avons commencé par des composants simples comme le <button>.


Phase 3 : Développement et Intégration - Création du fichier .json pour les développeurs et intégration des composants dans les applications pilotes.


Phase 4 : Tests et Validation - Tests auprès des squads pour évaluer l'efficacité des composants et collecte de feedback pour itérations.


Phase 5 : Déploiement - Mise en place de "Stellar" dans l'applications cible, formation des équipes, documentation et surtout de la communication.

Phase 6 : Evolution des composants - Mise à jour et évolution des composants grâce à un protocole structuré de feedback et d'amélioration continue.


Conclusion

Conclusion

Conclusion

Durant ce projet, j'ai assumé des responsabilités polyvalentes, de la gestion du backlog à la conception de l'UI Kit sur Figma et passant par la création du .json pour les développeurs. ”Stellar” est selon moi, une réussite de l'approche produit centrée sur le besoin des squads. Cette aventure collaborative avec le Cabinet Faber Novel a façonné une infrastructure holistique, capable de s'adapter aux besoins changeants. Le POC (prouf of concept) "Stellar" a été un réel succès et le travail va continuer sur les prochains produits.

Durant ce projet, j'ai assumé des responsabilités polyvalentes, de la gestion du backlog à la conception de l'UI Kit sur Figma et passant par la création du .json pour les développeurs. ”Stellar” est selon moi, une réussite de l'approche produit centrée sur le besoin des squads. Cette aventure collaborative avec le Cabinet Faber Novel a façonné une infrastructure holistique, capable de s'adapter aux besoins changeants. Le POC (prouf of concept) "Stellar" a été un réel succès et le travail va continuer sur les prochains produits.

Durant ce projet, j'ai assumé des responsabilités polyvalentes, de la gestion du backlog à la conception de l'UI Kit sur Figma et passant par la création du .json pour les développeurs. ”Stellar” est selon moi, une réussite de l'approche produit centrée sur le besoin des squads. Cette aventure collaborative avec le Cabinet Faber Novel a façonné une infrastructure holistique, capable de s'adapter aux besoins changeants. Le POC (prouf of concept) "Stellar" a été un réel succès et le travail va continuer sur les prochains produits.

VOUS êtes convaincu ?

VOUS êtes convaincu ?

VOUS êtes convaincu ?

VOUS êtes convaincu ?