UX/UI Design - Simulateur pour Demo Center - Figma, Bubble.io
Région parisienne - HECTAR a pour vocation d’apporter de la connaissance et de la reconnaissance aux métiers agricoles. Ils sont un véritable écosystème regroupant sur un même site : un campus de formation, un accélérateur de startups, des espaces de séminaires et pédagogiques, une ferme pilote en agriculture régénératrice.
Les objectifs projet
- Créer une nouvelle salle de démonstration innovante et ludique.
- Créer des outils digitaux attrayants et simple d'utilisation.
- Faire découvrir les enjeux climatiques aux testeurs de la salle.
- Apprendre en s'amusant.
Les outils utilisés
Solutions apportées
- Création d'un simulateur permettant de sélectionner plusieurs options et avoir un résultat suivant les calculs fournis par Hectar.
- Réalisation d'un parcours utilisateur de démonstration.
- Maquettage et prototypage d'une solution numérique haute résolution et intuitive sur figma.
.webp)
"Canon ! Merci beaucoup pour cette nouvelle collaboration"
.webp)
Méthodologie appliquée
01 / ATELIER DÉCOUVERTE & COMPRÉHENSION
Hectar avait pour projet d'ouvrir une nouvelle salle immersive afin de sensibiliser tous les publics aux changements climatiques présents et à venir. Nous les avons accompagnés dans leur démarche sur plusieurs sujets : un simulateur ludique et plusieurs fresques interactives.
02 / PHASE UX & DISCOVERY
Nous avons accompagné Hectar sur la réflexion du parcours utilisateur dans le but de créer un simulateur interactif sur tablette. Puis dans un second temps, sur le parcours des futurs visiteurs et utilisateurs de la fresque.
03 / PHASE UI
Pour la conception UI, nous avons travaillé en collaboration avec un collectif répondant à la charte graphique d'Hectar sur la partie illustration. Le reste des composants a été proposé par Script en adéquation avec l'identité visuelle du client.
04 / DÉVELOPPEMENT, DEBUG & TESTS
Sur la partie simulateur, nous avons utilisé Bubble.io pour le construire sous forme de webapp accessible sur tablette dans un premier temps. Pour les fresques, l'enjeu était de les afficher sur des écrans spécialisés de plus de 6000px. Nous avons opté pour un prototypage figma qui favorise les temps de chargements ainsi que l'évolution du produit final.
.webp)
