Contexte
L'interface de Wink souffrait d'une incohérence visuelle due à l'accumulation de composants créés sans ligne directrice uniforme. Cette disparité affectait l'expérience utilisateur, tout en complexifiant le processus de développement des nouvelles fonctionnalités. Il devenait nécessaire de moderniser l'apparence de la plateforme et de faciliter l'intégration de futures features.
Objectifs
- Uniformiser l'apparence et l'expérience utilisateur.
- Accélérer le développement des nouvelles fonctionnalités en réutilisant des composants standardisés.
- Faciliter la maintenance et l'évolution de l'interface produit.
Défis
- Harmoniser les anciens composants avec le nouveau design system sans perturber l'expérience utilisateur existante.
- Intégrer les besoins de l'équipe tech pour garantir une adoption fluide du design system.
Solution
🔹 Adaptation d'un design system existant aux spécificités de la charte graphique de Wink. Cela a inclus l'uniformisation des couleurs, des typographies, des tailles de composants et des espacements pour garantir une cohérence globale.
🔹 Création de composants modulaires permettant de réutiliser des éléments communs dans différentes sections de l'application, ce qui a facilité le déploiement rapide des features.
🔹 Documentation détaillée des guidelines pour assurer une utilisation cohérente du design system par les développeurs et les futurs designers de l’équipe.
Impact
✔️ Réduction du temps de développement des nouvelles fonctionnalités grâce à l’utilisation de composants réutilisables.
✔️ Amélioration de l'expérience utilisateur avec une interface plus homogène et moderne.
✔️ Uniformisation des parcours utilisateurs, augmentant ainsi la satisfaction client.
Autres case studies
Prenez RDV
Vous avez une idée en tête ? Écrivez-moi pour qu'on en parle et voir comment on peut créer quelque chose de génial ensemble !