01
/portfolio
Vapostore
Design system
UI Design
Réalisation d'un Design System pour le site e-commerce de Vapostore
Problématique
Suite à la refonte du site e-commerce de Vapostore, il était nécessaire de centraliser des règles, des composants réutilisables et une documentation pour garantir la cohérence visuelle et fonctionnelle du site, ainsi que leur utilisation par des développeurs.
Méthodologie
Réalisation d'un benchmark
Hiérarchisation des éléments par typologie (Branding, Styles, Composants, Tableaux, Navigations, Affichages, Sliders, Grille)
Respect des règles d'accessibilité
Hiérarchisation de la typographie
Bibliothèque de composants
Hiérarchisation des composants par device (desktop, tablette, mobile)
Création de la palette de couleurs et d'effets
Définition des design tokens
Atelier de design review tout au long du projet
Impact
Cohérence graphique sur l'ensemble du site
Limitation de la dette design et technique
Simplification de la maintenance des composants
Facilité d'intégration des composants pour les développeurs
Prototype disponible ici
02
/see more
