Design system
/
À propos du projet
/
Date:
2025
Client:
Projet personnel
Secteur:
/
contexte
Le design system est un élément central dans la conception de produits digitaux. Cette démarche vise à explorer en profondeur cette thématique et à maîtriser tous les aspects de sa création sur Figma, ainsi que sa documentation sur ZeroHeight.
Objectif
L'objectif est de concevoir et documenter un système de design complet en partant de zéro, en définissant les fondations et composantys essentielles utilisables dans divers projets.`
`
Lien de mon Design System (en cours) : Cliquez ici
Tâches et réalisations
Veille et analyse des différents design systems
Création d'un design system à partir de zéro
Mise en place des fondations (couleurs, grilles, espacements)
Gestion des tokens
Création de composants
Documentation sur ZeroHeight
Composants
Boutons et Mise en Place de Design Tokens
Création d'une bibliothèque complète de boutons couvrant tous les états d'interaction (normal, survol, actif, désactivé), intégration d'une palette de couleurs cohérente alignée avec la charte graphique, et définition des design tokens pour standardiser l'usage des couleurs, typographies et espacements à travers l'interface.
Responsive, Typographie et Iconographie Personnalisée
Mise en place d'une grille Bootstrap responsive pour s'adapter à toutes les tailles d'écran, sélection d'une palette typographique harmonisée et création de pictogrammes personnalisés.
Inputs et selects
Les éléments de formulaire comme les inputs et les selects sont des composants essentiels dans une interface utilisateur (UI), car ils permettent aux utilisateurs d'interagir avec le système, de saisir des informations et de prendre des décisions.
Écrans
Adaptation des composants desktop en version mobile (Header, cards, tableaux, éléments textuels, etc.).
Résultats
Création d'un design system à partir de zéro
Mise en place des fondations (couleurs, grilles, espacements)
Gestion des tokens
Création de composants.
Documentation sur ZeroHeight.
← Previous Post
