Horizon UI est un design system fictif destiné à des entreprises SaaS B2B développant des produits complexes et évolutifs. L’objectif de l’entreprise est de fournir une base UI cohérente et scalable permettant d’accélérer la production tout en garantissant un haut niveau de qualité et de cohérence.

Entreprise

Horizon

Période

2025

Rôle

Entièreté du projet

Project overview

Horizon UI est un projet de design system token-based conçu pour accompagner la création de produits SaaS B2B complexes et évolutifs. Le projet s’inscrit dans un contexte où les équipes produit doivent livrer rapidement tout en maintenant un haut niveau de cohérence, de qualité et de maintenabilité.

L’objectif de Horizon UI est de fournir une base UI solide, capable de standardiser les interfaces tout en restant suffisamment flexible pour s’adapter à différents produits et cas d’usage. Le projet ne se limite pas à la création de composants, mais aborde le design system comme un véritable outil de collaboration entre design et développement.

Horizon UI explore la mise en place de foundations tokenisées, de composants réutilisables et d’états exhaustifs, avec une attention particulière portée à la scalabilité du système et à son utilisation sur le long terme dans un environnement B2B réel.

Challenges

Le principal défi consistait à concevoir un système suffisamment flexible pour s’adapter à différents produits tout en maintenant une cohérence forte. Il a également fallu intégrer dès la conception les problématiques de collaboration design/dev, de gestion des états complexes et de support du dark mode, sans multiplier les composants ni alourdir le système.

Objectifs

  • Standardiser l’interface

  • Accélérer la production

  • Faciliter la collaboration design / développement

Approche & Décisions clés

Le système repose sur des foundations entièrement tokenisées, des composants réutilisables et des états exhaustifs. Le dark mode est géré exclusivement via les tokens, sans duplication de composants.

Résultats & Apprentissage

Horizon UI aboutit à un design system complet et structuré, reposant sur des foundations tokenisées, des composants réutilisables et des états exhaustifs, intégrés dès la conception. Le projet inclut un playground centralisant l’ensemble du système, permettant d’appréhender rapidement sa cohérence, sa scalabilité et son potentiel d’évolution.
Ce projet démontre ma capacité à concevoir des systèmes UI robustes et durables, pensés pour accompagner des produits B2B complexes, tout en facilitant la collaboration entre design et développement et en garantissant un haut niveau de cohérence sur le long terme.

Horizon UI est un design system fictif destiné à des entreprises SaaS B2B développant des produits complexes et évolutifs. L’objectif de l’entreprise est de fournir une base UI cohérente et scalable permettant d’accélérer la production tout en garantissant un haut niveau de qualité et de cohérence.

Entreprise

Horizon

Période

2025

Rôle

Entièreté du projet

Project overview

Horizon UI est un projet de design system token-based conçu pour accompagner la création de produits SaaS B2B complexes et évolutifs. Le projet s’inscrit dans un contexte où les équipes produit doivent livrer rapidement tout en maintenant un haut niveau de cohérence, de qualité et de maintenabilité.

L’objectif de Horizon UI est de fournir une base UI solide, capable de standardiser les interfaces tout en restant suffisamment flexible pour s’adapter à différents produits et cas d’usage. Le projet ne se limite pas à la création de composants, mais aborde le design system comme un véritable outil de collaboration entre design et développement.

Horizon UI explore la mise en place de foundations tokenisées, de composants réutilisables et d’états exhaustifs, avec une attention particulière portée à la scalabilité du système et à son utilisation sur le long terme dans un environnement B2B réel.

Challenges

Le principal défi consistait à concevoir un système suffisamment flexible pour s’adapter à différents produits tout en maintenant une cohérence forte. Il a également fallu intégrer dès la conception les problématiques de collaboration design/dev, de gestion des états complexes et de support du dark mode, sans multiplier les composants ni alourdir le système.

Objectifs

  • Standardiser l’interface

  • Accélérer la production

  • Faciliter la collaboration design / développement

Approche & Décisions clés

Le système repose sur des foundations entièrement tokenisées, des composants réutilisables et des états exhaustifs. Le dark mode est géré exclusivement via les tokens, sans duplication de composants.

Résultats & Apprentissage

Horizon UI aboutit à un design system complet et structuré, reposant sur des foundations tokenisées, des composants réutilisables et des états exhaustifs, intégrés dès la conception. Le projet inclut un playground centralisant l’ensemble du système, permettant d’appréhender rapidement sa cohérence, sa scalabilité et son potentiel d’évolution.
Ce projet démontre ma capacité à concevoir des systèmes UI robustes et durables, pensés pour accompagner des produits B2B complexes, tout en facilitant la collaboration entre design et développement et en garantissant un haut niveau de cohérence sur le long terme.