Contexte
Démarré en mai 2026, Aluminium est le nouveau Design System d’OVHcloud. Il accompagne la refonte complète de la console, anciennement appelée Manager, avec une ambition : proposer une expérience unifiée entre tous les univers produits.
Le projet s’inscrit dans un changement plus large des méthodes de travail. OVHcloud souhaite adopter une approche AI-first pour l’ensemble des équipes. Pour le design, cela signifie repenser à la fois ce que l’on conçoit et la façon de le produire, en contribuant directement au code avec l’aide de l’IA.
Aluminium se construit sur une base shadcn/ui. Le système est à créer, mais nous nous appuyons sur ce socle pour développer un langage d’interface propre à OVHcloud. Le calendrier est serré : un démarrage en mai et un objectif de mise en production à mi-septembre 2026.
Les enjeux
Unifier sans gommer les usages
La nouvelle console doit réunir des univers produits aux besoins différents. L’enjeu est de leur donner des repères communs — dans les composants, les interactions et la structure des pages — tout en laissant la place aux spécificités de chaque parcours.
Faire de shadcn/ui un système OVHcloud
Partir de shadcn/ui donne un point de départ au travail de conception. Il reste à transformer cette base en un ensemble cohérent pour la console : définir les usages, adapter les interfaces et composer des éléments capables de répondre aux besoins des produits.
Le sujet dépasse donc la création de composants isolés. Il faut penser leur articulation, des premiers éléments d’interface jusqu’aux templates, pour que les équipes puissent construire à partir d’un langage partagé.
Avancer vite, garder le cap
En quelques mois, il faut poser les fondations du système et accompagner une nouvelle façon de travailler. L’enjeu du design assisté par IA est de raccourcir le chemin entre une intention et une interface concrète, tout en gardant un regard critique sur la cohérence UX et la qualité UI.
Impact & évolutions
Du design au code, dans le même workflow
Avec Aluminium, le rôle du design s’étend à la contribution directe au code. Le vibe coding et le design assisté par IA permettent de travailler sur l’interface elle-même, avec Storybook comme terrain d’exploration et d’itération.
Le cycle devient très concret : créer une branche, travailler avec l’IA, examiner le résultat dans Storybook, ajuster, puis ouvrir une pull request. Les retours de review alimentent une nouvelle itération, jusqu’à ce que la contribution soit prête à être intégrée.
Storybook comme espace de travail
Storybook prend une place centrale dans ce fonctionnement : il permet de confronter les intentions de design aux composants en fonctionnement. Les échanges portent sur un rendu concret, ses états et ses comportements, directement dans l’environnement où le système prend vie.
L’IA dans la pratique du design
L’IA est intégrée au processus de réalisation, au-delà de l’exploration d’idées. Elle accompagne les itérations dans le code, tandis que le travail de design reste centré sur les choix d’expérience, la pertinence des interactions et la cohérence de l’ensemble. Les branches, pull requests et reviews deviennent ainsi des outils de collaboration quotidiens pour le design.
Rendu
En quelques mois, l’équipe a construit le socle d’Aluminium à partir de shadcn/ui : 53 composants, 34 molécules, 4 organismes et 5 templates.
Ces différents niveaux permettent de passer des éléments d’interface aux compositions et aux structures de pages. Ils constituent une base commune pour concevoir la nouvelle console et faire converger ses différents univers produits.
Aluminium, c’est donc un Design System, mais aussi une évolution de la pratique : un design qui intervient directement dans le code, itère avec l’IA et contribue au produit à travers un workflow partagé avec le développement.
