Myvar - Une plateforme d’aide à la décision pour le choix des semences
Design UXDesign UIAgricultureFrance
www.myvar.frCONTEXTE
Myvar est un outil d'aide à la décision en ligne qui permet aux producteurs d'oléagineux français de choisir les semences les plus adaptées selon des critères régionaux et agronomiques. L'outil existait sous forme d'un fichier Excel difficile à maintenir et peu adapté aux usages terrain. J'ai pris en charge la conception UX/UI complète pour le transformer en application web, en collaboration avec un chef de projet, un développeur et le PO côté client.
DÉFI
Transformer des données agricoles complexes en une expérience claire et accessible pour des producteurs peu familiers avec le numérique, en restant fidèle à leur façon de travailler et sans courbe d'apprentissage.
SOLUTIONS DESIGN
Le projet a démarré par un atelier de co-création avec les équipes client pour définir les parcours utilisateurs et hiérarchiser les informations à afficher. Pages structurées selon les besoins métiers, système de filtrage et de recherche accessible dès la home, choix typographiques et de couleurs pensés pour la lisibilité.
Le défi le plus complexe : tableaux de données denses sur mobile. Solution : colonne de gauche fixe, scroll horizontal.
RÉSULTATS
Retour terrain positif à la livraison : les utilisateurs ont bien pris en main l'outil. Pas de retour en arrière, pas de correctif majeur après livraison.
Page d’accueil conçue autour de deux intentions : consulter une variété déjà connue, ou en trouver une selon des critères agronomiques. La recherche en premier, le reste en dessous.
Page détail variété : des données agronomiques complexes organisées par filtrage progressif, un nuage de points pour la comparaison et une liste classée pour soutenir la décision finale.
Wireframes mobile illustrant la structure et le parcours utilisateur de l’outil d’aide à la décision.
Bibliothèque de composants construite dans Figma : couleurs, typographie, iconographie et composants interactifs avec tous les états, conçue pour assurer la cohérence sur tous les formats et faciliter le handoff développeur.
Vues responsive garantissant un accès fluide aux fonctionnalités et informations clés sur tous les formats d’écran.
Vues tablette de la plateforme, conciliant lisibilité, facilité d’usage et richesse des données.