Classifieds Design System - SeLoger
En tant que Designer Senior pour le groupe Seloger, j'ai eu l’occasion de piloter la création d'un Design System d’envergure.
Cette initiative est né d’un besoin de rationaliser la conception, d'accroître la cohérence et d'améliorer l’efficacité du processus opérationnel du groupe.
Notre objectif était de répondre à plusieurs enjeux cruciaux
Cohérence : Offrir à nos utilisateurs une expérience visuelle uniforme, quelle que soit la partie de notre produit qu'ils utilisaient.
Efficacité : Réduire les efforts de conception et de développement en réutilisant intelligemment des composants design.
Collaboration : Faciliter la communication entre les Ă©quipes Design, DĂ©veloppement et Produit.
Gouvernance : Pour cela nous avions besoin d'établir des normes claires pour la création, la mise à jour et l'utilisation des éléments.
Contexte
Une collaboration réussie entre les équipes de conception, de développement et de gestion de produits.
Avant le Design System, les équipes produit et technique n'étaient plus en mesure de répondre de manière optimale aux défis du groupe en termes d'expérience utilisateur et d'optimisation des performances. Le groupe SeLoger n'avait pas encore établi de référentiel commun pour guider les concepteurs et développeurs de produits dans leurs choix.
Audit
En phase initiale, nous avons effectué un audit approfondi pour identifier les besoins en conception et développement. Pour ce faire j’ai pu constituer une équipe pluridisciplinaire afin d’identifier les composants récurrents et les ressources visuelles nécessaires. Nous avons également établi une convention de nommage pour garantir une compréhension commune.
Nous avons unifié les ressources, y compris les icônes, les couleurs et les typographies, pour garantir la cohérence à travers notre écosystème.
Composants
Ensuite, nous avons entrepris la création d'une librairie de composants design via Figma et entièrement documentée sur Zeroheight. Ce référentiel commun était conçue pour accueillir les éléments que nous avions identifiés, les distribuer efficacement et intégrer les thèmes essentiels à nos différents produits.
Gouvernance
La gouvernance était essentielle pour le succès de l’initiative. Ainsi, nous avons créé une guilde dédiée chargée de décider des priorités et des règles autour du Design System incluant Développeurs Frontend, Product Designers et Product Managers. Des processus de maintenance et d'évolution du système ont été établis, et nous avons introduit des outils de communication et de partage.
La création de ce Design System a été une expérience enrichissante, où j’ai pu mettre en avant mon expertise. Grâce à cette initiative, nous avons réussi à offrir une expérience utilisateur cohérente, à optimiser l'efficacité de nos processus de conception et de développement, et à renforcer la collaboration entre les équipes. Mon rôle en tant que Product Designer Senior était de garantir que le design était au cœur de cette réussite, tout en veillant à une gouvernance solide pour en assurer la pérennité.