DataGalaxy

Un design system est un ensemble cohérent de règles, de composants et de directives qui définissent l'apparence et le comportement d'une application ou d'un site web. Il sert de référence centralisée pour l'équipe de conception et de développement, facilitant la création d'une expérience utilisateur homogène et efficace.

‍

Pourquoi ?

La création d'un design system offre plusieurs avantages essentiels :

1. Consistance : Assure une expérience utilisateur homogène.
2. Efficacité : Accélère le workflow de conception et de développement.
3. Évolutivité : Permet une croissance continue sans compromettre la cohérence.
4. Maintenance facilitée : Simplifie les mises à jour et la gestion à long terme.
5. Facilité d'apprentissage : Réduit le temps d'intégration des nouveaux membres d'équipe.
6. Meilleure communication : Fournit un référentiel commun pour tous les intervenants.
7. Amélioration de l'image de marque : Renforce l'identité visuelle et les valeurs de la marque.

‍

1. Lackluster Online Performance:
   Despite their efforts, DEF's online appointments and traffic were not reflective of their offline stature.
2. Untapped Multi-Channel Potential:
   While DEF had dabbled in some online channels, they hadn't effectively utilized a holistic, multi-channel approach.

Contexte

Il n'existait jusqu'à lors pas de design system chez DataGalaxy (plateforme en mode Saas de cartographie de données). Mon rôle a donc été de créer de zéro une bibliothèque de composants pour offrir une cohérence visuelle et fonctionnelle, et ainsi simplifier le processus de développement. C'est la clé pour établir des normes et des composants réutilisables, assurant ainsi une interface utilisateur homogène.

1. Lackluster Online Performance:
   Despite their efforts, DEF's online appointments and traffic were not reflective of their offline stature.
2. Untapped Multi-Channel Potential:
   While DEF had dabbled in some online channels, they hadn't effectively utilized a holistic, multi-channel approach.

Process

Établissement de normes : Définition de principes directeurs pour la conception et identification des composants les plus utilisés sur la plateforme.

Conception des composants : À l'aide de Figma, chaque composant a été élaboré avec soin, intégrant des détails visuels et fonctionnels pour assurer une adaptabilité et une évolution facile.

Prototypage

Mise en place de prototypes interactifs pour tester la convivialité des composants dans divers scénarios d'utilisation.

1. Lackluster Online Performance:
   Despite their efforts, DEF's online appointments and traffic were not reflective of their offline stature.
2. Untapped Multi-Channel Potential:
   While DEF had dabbled in some online channels, they hadn't effectively utilized a holistic, multi-channel approach.

Intégration au Workflow

Les composants Figma ont été intégrés dans le workflow de l'équipe de développement, facilitant ainsi l'adoption rapide et la cohérence à chaque étape du processus de conception.

Résultat

La création de notre design system a radicalement transformé l'expérience utilisateur de DataGalaxy. L'interface est maintenant un écosystème harmonieux, offrant une expérience intuitive et unifiée à chaque interaction.