Vue d’ensemble
Conception et développement d’une application permettant d’estimer le matériel nécessaire pour irriguer un champ.
Fonctionnalités principales
- Bibliothèque de composants : Création d’une série de composants d’interface utilisateur modulaires et réutilisables avec React et styled-components dans un projet Next.js, avec un accent sur l’accessibilité et la réactivité.
Technologies utilisées
- Figma : Pour la création et la gestion des maquettes et prototypes.
- Vue.js : Pour le développement du front-end.
- TypeScript : Pour assurer la maintenabilité du projet.
Défis et apprentissages
Un défi important consistait à trouver un équilibre entre la flexibilité nécessaire et la cohérence du design. La solution a été de définir des design tokens clairs et de mettre en place des lignes directrices sur l’utilisation et la personnalisation des composants. De plus, la mise en place de flux de travail collaboratifs efficaces entre les designers et les développeurs, à l’aide de Figma et Git, a représenté un apprentissage clé qui a considérablement amélioré le processus.
Résultat
Le système de design est désormais utilisé activement dans plusieurs projets, ce qui a permis d’accélérer les cycles de développement, de réduire les incohérences dans le design et d’améliorer la collaboration entre les équipes de design et de développement. Il constitue aujourd’hui une base solide pour faire évoluer les produits tout en assurant une expérience utilisateur cohérente.