.svg){kind=icon}
.webp)
Une équipe experte et réactive qui nous accompagne depuis deux ans sur le design et le développement de notre appli web. Collaboration très fluide avec des UX designers et développeurs à l'écoute et force de proposition.
Le contexte
Rura est une association qui accompagne les collégiens, lycéens et étudiants, situés en zones rurales, pour être plus libres dans leurs choix de carrière. Aujourd’hui, les professeurs ont aussi pour devoir l’orientation des élèves. Rura souhaite les aider dans cet objectif d’aiguiller les élèves vers les bonnes ressources pour s’orienter.
Pour y parvenir, la structure associe l’éducation nationale, les familles, les entreprises et la société civile dans un écosystème de réussite pour permettre aux jeunes de prendre la bonne décision pour leur avenir.
Les problématiques
L’association souhaitait construire une application web, accessible au besoin depuis l’ENT (Espace numérique de travail) pour plus de praticité et directement interfacée avec le GAR (Gestionnaire d’accès aux ressources numériques) du Gouvernement.
L’interface et l’expérience utilisateur de l’application se devaient d’être engageantes pour captiver les jeunes et permettre son adoption.
Le contexte
Rura est une association qui accompagne les collégiens, lycéens et étudiants, situés en zones rurales, pour être plus libres dans leurs choix de carrière. Aujourd’hui, les professeurs ont aussi pour devoir l’orientation des élèves. Rura souhaite les aider dans cet objectif d’aiguiller les élèves vers les bonnes ressources pour s’orienter.
Pour y parvenir, la structure associe l’éducation nationale, les familles, les entreprises et la société civile dans un écosystème de réussite pour permettre aux jeunes de prendre la bonne décision pour leur avenir.
Les problématiques
L’association souhaitait construire une application web, accessible au besoin depuis l’ENT (Espace numérique de travail) pour plus de praticité et directement interfacée avec le GAR (Gestionnaire d’accès aux ressources numériques) du Gouvernement.
L’interface et l’expérience utilisateur de l’application se devaient d’être engageantes pour captiver les jeunes et permettre son adoption.
Les enjeux
- Une interface ludique qui donne envie d’être parcourue.
- Une connexion avec le GAR, très règlementée.
- 2 dashboards différents : élève et professeur pour le suivi.
- La nécessité d’héberger les données en Europe (requête spécifique du GAR)
- La possibilité d’itérer au fil du temps en fonction des retours utilisateurs pour affiner le parcours utilisateur.
Les étapes du service
Idéation & cadrage
Mise à plat du design system - design sprint
1 semaine
Design
Création des maquettes sur Figma
2 semaines
Développement
Développement sur Bubble - Implémentation de Xano pour la base de données - Interfaçage avec le GAR
9 semaines
Livraison
Recettage, livraison, documentation et formation
1 semaine
La solution
.webp)
La mise en place d’un design system
Il n’existait aucune documentation liée aux maquettes précédentes de la première version du projet. Aussi, la collaboration entre les parties était compliquée, puisque que chacun possédait une version différente de tous les éléments du projet.
Nous avons donc passé 5 jours à poser à plat le design system afin d’en faire une source de vérité pour le projet et lui permettre d’être facilement itérable. Cette étape était nécessaire pour gagner un temps précieux sur la suite du développement.
En 2024, OMI réalise une refonte de sa charte graphique que nous avons pris soin de mettre à jour dans l’application et le design system.
Un parcours utilisateur ludique
L’application devant susciter l’intérêt d’un public jeune, nous avons mis en place un parcours utilisateur agrémenté d’une stratégie de gamification.Les modules se présentent sous forme de questionnaires ludiques, accompagnés d’animations spécifiques qui donnent l’impression de participer à un jeu vidéo narratif.
Les maquettes du parcours ont été réalisées en prenant soin de favoriser l’inclusion dans le choix des personnages.
Chaque typologie d’utilisateur possède son propre dashboard : le tableau de bord élève pour réaliser les modules et avoir accès aux ressources associées, le dashboard professeur pour le suivi des résultats des élèves, le dashboard admin pour la récolte des données de suivi des modules sur le plan national.
Interfacer l’application avec le GAR
Le GAR facilite l’accès aux ressources numériques en les plaçant dans un cadre juridique porté par le ministère, en stricte conformité avec les dispositions légales telles que le Code de l’Éducation et le RGPD.
Ses critères sont donc très sélectifs pour autoriser une application à se connecter. La garantie de la protection des données est une de ses priorités.
Aussi, nous avons proposé d’ajouter à la stack technique présente (Bubble), le gestionnaire de base de données Xano qui héberge les données en Europe.
Accompagnés par GARninja, nous avons soumis au GAR des demandes et des tests bien cadrés afin d’éviter les aller-retours chronophages.
.webp)
