DIGISYSTEM - DESIGN SYSTEM ET KIT UI
Comment construire un écosystème clair pour les designers et développeurs
Chez DiamPark, une startup MedTech, mon objectif est de démocratiser l'accès au design en structurant un écosystème de composants robustes et documentés. En passant d'une culture de "maquette" à une culture de "système", nous réduisons les allers-retours au handover et assurons une intégrité visuelle constante sur l'ensemble du produit.
Rôle
Product Design (IC)
Environement
Ecosystème mobile B2C (iOS & Android)
Durée
Création : 1 sprint de 2 semaines
Maintenance : en continu
De l’élément isolé…
#42A49D
#FFFFFF
Radius : 4px
Font :
Medium
#35938B
#D7F7FA
Radius : 4px
Font :
SF Pro Display
Bold
Sur les maquettes existantes, les typographies, radius et couleurs varient d'un écran à l'autre
Je pars des éléments hétérogènes existants dans les maquettes en priorisant ceux qui apparaissent le plus fréquemment, afin de limiter la charge pour l’équipe de développement, composée de deux personnes, à l’échelle de l’entreprise.
À un système cohérent
COMMENT OPTIMISER LA CONCEPTION ET LE HANDOVER ?
Un design industrialisé
Aujourd'hui, les couleurs sont très variées et correspondent à des features précises. Demain si le branding et les couleurs changent le Kit UI permettra de changer l'intégralité des maquettes en un clic.
COMMENT COMMUNIQUER LES CHANGEMENTS ET VERIFIER LA FIDELITE ?
Pour les developpeurs
Les changements sont communiqués via des tickets Jira. Une fois les fonctionnalités en production, elles passent en phase de QA. Durant cette phase, je vérifie leur conformité graphique et fonctionnelle.
Pour les futurs designers
Afin d’assurer une passation efficace auprès de designers aux niveaux d’ancienneté variés, j’ai rédigé une page « Bonnes pratiques » centralisant l’ensemble des règles et références à appliquer dans les maquettes Figma.
Afin de guider les nouveaux designers dans leur prise en main, la page « Changelog » offre une vue d’ensemble des tickets et des missions liées au design.
+34%
de temps de temps gagné pour la conception des écrans
-30%
d'erreurs de communication et les allers-retours entre design et développement
Impact Business
Réduction du cycle de conception et de développement de permettant un Time-to-Market accéléré pour les nouveaux écrans.
Impact utilisateur
Une interface harmonisée sur tous les points de contact rassure l'utilisateur et renforce la crédibilité professionnelle de la solution.
Vous souhaitez accélérer le Time-to-Market de vos nouvelles features ?
Discutons-en ensemble, autour d’un café ! En face ou à distance !
