Design System

Dans une démarche de challenge personnel, j’ai conçu ce Design System pour garantir une cohérence graphique et fonctionnelle dans l’UX de mes futurs projets, tout en optimisant mon efficacité lors des processus de conception.

Bien que basique, il repose sur des principes fondamentaux : accessibilité et scalabilité. Il centralise une sélection de composants réutilisables et adaptables à tous types de projets et tailles d’écran. Chaque élément – boutons, champs de formulaire, menus, modales – est décliné en plusieurs variantes (hover, disabled…). Les fondations visuelles, telles que les couleurs, typographies, espaces et icônes, sont également intégrées pour assurer une homogénéité parfaite entre chaque élément.

J'ai choisi d'apporter un soin particulier au respect des normes WCAG 2.1 (contrastes, tailles de texte, focus states…), garantissant une UX inclusive et accessible. De plus, un mode sombre a été implémenté pour une meilleure adaptabilité.

Pensé comme un projet évolutif, ce Design System est amené à grandir : de nouveaux composants seront progressivement intégrés et améliorés, accompagnés d’une future documentation détaillée sur Zeroheight pour faciliter son utilisation.

À l'heure actuelle, cet outil n’est pas disponible librement et reste exclusivement réservé à mon usage personnel.