Résumé du projet
Impact
La plupart d'entre nous considèrent les systèmes de design comme un moyen de rationaliser les flux de travail.
Mais pour les équipes qui naviguent dans la complexité, elles rendent l'innovation possible.
Problématique
"Lorsque Datama a redéfini sa marque, la cohérence de l'interface utilisateur est devenue problématique. J'ai mis en place un système de conception basé sur des jetons pour unifier les composants, réduire le retravail et économiser 25 % du temps de développement."
Corrigeons cela.
Pourquoi est-ce important ?
Sans un système partagé, chaque nouvelle fonctionnalité introduisait de petites incohérences, des styles de boutons aux décisions de mise en page, qui perturbaient à la fois le flux de conception et la mise en œuvre par les développeurs.
Cela ralentissait les progrès, causait du retravail inutile, et rendait l'interface plus difficile à maintenir.
J'ai introduit un système de design évolutif pour optimiser l'UI et réduire les frictions entre la conception et le développement.
Redéfinir la hiérarchie visuelle
Exemples de la révolution du design
Table connect/Application
Défis
Résultat
Du Chaos à la Clarté
Mais ce n'est que le début !
Méthode utilisée
Avec un temps limité,
j'ai priorisé l'efficacité.
1. Commencez par ce qui fonctionne
J'ai rapidement étudié les meilleures pratiques au lieu de réinventer la roue, en prenant comme référence le Material Design de Google pour une base propre et conviviale pour les développeurs. J'ai ajouté des liens afin que les développeurs puissent facilement accéder aux sources. Ensuite, j'ai audité l'interface utilisateur pour repérer les incohérences et j'ai construit le système de boutons à partir de zéro dans Figma, basé sur des modèles réels et une logique de répartition des espaces.
2. Mettre en avant les affordances et les indicateurs pour commencer par ce qui fonctionne
En m'appuyant sur ce qui fonctionnait, je me suis concentré sur la simplification des éléments d'interface utilisateur clés pour les rendre plus intuitifs. J'ai utilisé des affordances et des indicateurs clairs pour que les boutons soient plus faciles à comprendre d'un coup d'œil, améliorant ainsi l'utilisabilité sans surcharger le système.
3. Proposez 3 choix pour que l'équipe puisse décider
En m'appuyant sur ce qui fonctionnait, je me suis concentré sur la simplification des éléments d'interface utilisateur clés pour les rendre plus intuitifs. J'ai utilisé des affordances et des indicateurs clairs pour que les boutons soient plus faciles à comprendre d'un coup d'œil, améliorant ainsi l'utilisabilité sans surcharger le système.
P.S. Ceci est une refonte, pour l'extrait, car j'ai perdu le précédent, qui est beaucoup plus détaillé ; primaire, secondaire et tertiaire
Impact
Quel est le résultat de ceci ?
Pour pérenniser le produit et réduire le travail répétitif, j'ai construit un système de design évolutif à partir de zéro :
Créé des composants modulaires réutilisables qui prennent désormais en charge plus de 15 écrans.
Réduit les incohérences UI à travers la plateforme.
Anticipé les besoins futurs en concevant un système capable de s'étendre à mesure que le produit évoluait.
Simplifié la mise en œuvre pour les développeurs grâce à des règles cohérentes et une logique structurée.
Conclusion
Qu'est-ce que j'en tire ?
Construit l'ensemble du système de design et le kit UI de Datama dans Figma à partir de zéro, en assurant rapidité, cohérence et évolutivité.
Équilibré un rythme de travail hybride (apprenti), en restant ponctuel et rapide sans sacrifier la qualité.
Structuré les fichiers Figma et la documentation pour qu'ils soient utilisables par des non-designers et facilement absorbables par les développeurs.
Proactivement exploré Angular Material et Python pour mieux collaborer avec les équipes de développement et de données.
Dirigé la refonte de la page d'accueil, améliorant la perception de la marque et renforçant la confiance des clients grâce à une identité visuelle plus propre et plus stratégique.
Quelle est la suite ?
J'aimerais développer davantage le système, effectuer des tests d'utilisabilité, affiner les composants et améliorer l'accessibilité grâce aux retours concrets des clients. Bien que je n'aie pas eu accès aux métriques, je me suis concentré sur la construction de quelque chose de modulable et efficace. Cette expérience a approfondi ma réflexion système. Je poursuivrai ce travail mi-juillet, en appliquant ce que j'ai appris avec plus de précision et d'intention.
