Problématique
Comment concevoir un kit UI clair, cohérent et facilement réutilisable, permettant aux développeurs d’intégrer efficacement les interfaces ?
Contexte
Conception d’un kit UI complet
Dans le cadre de ce projet, l’objectif était de concevoir un kit UI complet sur Figma, à partir d’un projet existant que j’ai réalisé.
J’ai choisi Equiday, une application équestre dédiée aux cavaliers souhaitant suivre le bien-être de leurs équidés.
L’application permet de localiser son équidé, de consulter son état d’activité, et de surveiller ses données de santé (température, fréquence cardiaque, respiration).
Elle offre également la possibilité de gérer un programme d’alimentation personnalisé, d’accéder rapidement à un numéro d’urgence, et de contrôler l’autonomie du capteur connecté à l’animal.
Ce travail m’a permis de repenser l’identité visuelle et la cohérence graphique du produit, en créant un système d’interface clair, accessible et cohérent avec l’univers équestre.
- Application Mobile
- Landing Page
- Kit UI
Refine & UI Design
Un kit UI structuré
Le kit UI d’Equiday a été conçu sur Figma dans une optique de clarté, cohérence et modularité, servant de référence pour les développeurs.
J’ai défini l’ensemble des composants principaux (boutons, cartes, onglets, champs, icônes…) pour garantir une intégration fluide et homogène lors du développement.
Des variables de couleurs, typographie et effets ont été mises en place pour faciliter les déclinaisons et maintenir la cohérence visuelle sur tous les écrans. Les styles de texte ont été hiérarchisés pour améliorer la lisibilité et permettre une adaptation simple sur différents supports.
Ce kit UI, à la fois esthétique et fonctionnel, constitue un outil complet pour les équipes de design et développement, assurant une expérience utilisateur fluide, claire et cohérente dans l’univers d’Equiday.
