ODS OVHcloud Design system
Contexte
OVHcloud dispose de plusieurs produits et interfaces répondant à des usages et contextes différents.
Au sein de la Core Team Product Design, j'interviens sur ODS (OVHcloud Design System), le Design System destiné à assurer cohérence, qualité et réutilisabilité à travers les expériences OVHcloud.
Mon rôle couvre la gouvernance et l'évolution du Design System, de la conception des composants et patterns à leur documentation et leur adoption par les équipes Product Design.
Les enjeux
Avec 55 composants et 11 recettes utilisés à travers l'ensemble des produits OVHcloud, le Design System doit permettre de construire des expériences cohérentes tout en répondant à des contextes produits très différents.
Son caractère open source ajoute également une contrainte particulière : les composants et leurs règles d'utilisation doivent pouvoir être compris et utilisés sans reposer uniquement sur la connaissance interne des équipes.
Les principaux enjeux sont donc de maintenir un système cohérent, documenté, accessible et évolutif, tout en accompagnant son adoption par une équipe d'une quinzaine de Product Designers et en intégrant les nouveaux besoins issus des produits.
Mon rôle ne consiste pas uniquement à concevoir des composants : j'interviens sur leur cycle de vie, de l'identification du besoin à la conception, la définition des règles d'usage, la documentation, l'adoption et l'évolution du système.
Impact & évolutions
Mon arrivée dans l'équipe a été l'occasion de repartir des usages réels des Product Designers pour faire évoluer le Design System et son fonctionnement.
Repartir des besoins des designers
j'ai mené des interviews auprès des Product Designers afin de comprendre leurs usages du Design System, identifier leurs besoins et faire émerger les principaux points bloquants. Ces échanges ont permis de transformer les retours terrain en besoins identifiés et priorisés, puis de construire une roadmap d'évolution du Design System.
Faire évoluer la librairie Figma
les enseignements issus des interviews ont alimenté une refonte des composants dans Figma, afin de mieux répondre aux usages des designers et de faciliter leur utilisation au quotidien. L'objectif était de ne pas faire évoluer la librairie uniquement sur la base de besoins ponctuels, mais disposer d'une vision structurée et priorisée des évolutions nécessaires.
Repenser le workflow Design System
un nouveau workflow de travail a été mis en place entre les Product Designers et l'équipe Design System. Les designers disposent désormais d'un interlocuteur dédié pour exprimer leurs besoins et contribuer à l'évolution du système, sans avoir à prendre eux-mêmes en charge la construction des composants. Cela permet de mieux répartir les responsabilités et de renforcer la cohérence du Design System.
Documenter pour aider à décider
la documentation Figma a été repensée pour aller au-delà de la description des composants et aider les designers à choisir la bonne solution selon leur contexte. Par exemple, un tableau comparatif Badge vs Tag permet d'identifier rapidement leurs différences et leurs cas d'usage respectifs. La documentation devient ainsi un véritable outil d'aide à la conception, directement accessible dans l'environnement de travail des designers.
Rendu
Un ensemble de ressources, de recommandations et de composants UI pour concevoir des expériences utilisateur cohérentes dans tous les produits OVHcloud.