Type de produit
ERP métier B2B couvrant, gestion des commandes, facturation, contrats, agences, référentiel déchets & réglementation, logistique et application mobile transporteurs
Secteur
Collecte, transport et traitement de déchets dangereux (fortes contraintes réglementaires)
Mon rôle
Recherche UX, Définition des parcours, Architecture de l’information, Conception des interfaces, Création du design system et accompagnement des développeurs tout au long de l’intégration.
Durée du projet
10-12 mois ( development, formation équipes inclu )
UX Design
Contexte & enjeux
Schooly est un logiciel de suivi de scolarité conçu pour accompagner la croissance d’un établissement en pleine expansion. L’école avait besoin d’un espace personnel centralisé et responsive permettant aux étudiants de suivre l’ensemble de leur parcours académique : planning de cours, relevés de notes, suivi de l’alternance, documents administratifs et communications importantes.Avant le projet, les informations étaient dispersées entre différents supports et outils, générant des pertes de temps, des incompréhensions et une multiplication des sollicitations auprès de l’administration. L’enjeu était donc double : structurer l’information et fluidifier les échanges, tout en proposant une interface accessible aussi bien sur ordinateur que sur mobile. Le produit devait répondre aux besoins d’utilisateurs variés — étudiants, enseignants et direction — avec des niveaux d’accès et des attentes différents.
Recherche UX & compréhension métier
La phase initiale s’est concentrée sur la compréhension de l’organisation interne et des usages existants. J’ai réalisé un audit des supports et outils déjà utilisés par l’école afin d’identifier les redondances, les points de friction et les manques fonctionnels. Cette analyse a permis de cartographier les flux d’information : qui produit l’information, qui la consulte, et à quel moment du parcours scolaire.En parallèle, j’ai mené des échanges avec la direction, des enseignants et des étudiants volontaires. Ces discussions ont permis de mieux comprendre les besoins spécifiques de chaque profil : les étudiants recherchaient principalement de la clarté et un accès rapide à leurs informations personnelles, tandis que les enseignants souhaitaient un outil structuré facilitant la transmission des notes et des documents. Cette immersion a permis d’identifier des enjeux concrets tels que la lisibilité des plannings, la compréhension des relevés de notes et la simplicité des démarches administratives.
Ateliers UX & structuration des parcours
Pour structurer la réflexion, trois ateliers principaux ont été organisés avec la direction, des enseignants et quelques étudiants.Un premier atelier de cartographie des parcours a permis de visualiser le cycle de vie d’un étudiant au sein de l’école : inscription, suivi des cours, évaluations, alternance, gestion administrative. Cette étape a mis en évidence les moments clés où l’information devait être accessible rapidement et sans ambiguïté.Un second atelier de tri de cartes a été mené afin d’organiser les différentes catégories d’informations (planning, notes, alternance, documents, messages). L’objectif était de structurer la navigation selon une logique compréhensible par les étudiants plutôt que selon une organisation interne administrative. Ce travail a directement influencé l’architecture de l’information.Enfin, un atelier d’idéation a permis de co-construire les priorités fonctionnelles. Ensemble, nous avons défini les éléments indispensables à afficher sur le tableau de bord et les scénarios d’usage principaux, notamment la consultation rapide des notes ou la vérification d’un changement de planning.
Définition UX
À partir des enseignements recueillis, j’ai défini des proto-personas représentant les profils clés : l’étudiant en formation initiale, l’étudiant en alternance et l’enseignant. Chacun possède des objectifs distincts mais partage un besoin commun de clarté et de rapidité d’accès à l’information.Les parcours utilisateurs ont été structurés autour d’actions simples et fréquentes : consulter son emploi du temps, vérifier ses résultats, déposer ou télécharger un document, suivre son alternance. L’interface a été pensée pour réduire la charge cognitive en mettant en avant les informations prioritaires dès la page d’accueil.Les principes directeurs ont été clairs : hiérarchiser visuellement les contenus, limiter le nombre d’actions nécessaires pour accéder à une information, garantir la cohérence entre les versions desktop et mobile, et adapter l’affichage en fonction du rôle de l’utilisateur.
Conception UX/UI & design system
La phase de conception a débuté par la définition de l’architecture globale de la plateforme, structurée autour d’un tableau de bord central et de sections clairement identifiées. L’ensemble des maquettes UX et UI a été réalisé sur Figma, avec des déclinaisons adaptées aux formats desktop, tablette et mobile afin d’assurer une expérience fluide sur tous les supports.Un design system a été créé pour garantir la cohérence visuelle et fonctionnelle du produit. Il comprenait des composants réutilisables tels que des cartes d’information, des tableaux simplifiés pour les notes, des modules de planning et des formulaires administratifs. Une attention particulière a été portée à la lisibilité typographique et à la hiérarchisation des contenus, notamment pour les relevés de notes et les documents officiels.La gestion des permissions a été intégrée dès la conception afin d’adapter l’interface aux différents rôles : les étudiants visualisent leurs informations personnelles, tandis que les enseignants disposent d’espaces dédiés à la saisie et au suivi des évaluations.
Tests, itérations & collaboration
Le projet a évolué de manière itérative sur une durée de huit mois, incluant le développement et le déploiement. Des allers-retours réguliers ont été organisés avec la direction afin de valider les choix fonctionnels et les priorités.Des tests utilisateurs ont été réalisés avec des étudiants volontaires à partir de prototypes interactifs. Ces retours ont permis d’ajuster certains éléments de navigation, d’améliorer la compréhension des relevés de notes et de simplifier l’accès aux documents administratifs. La collaboration étroite avec les développeurs a assuré une intégration fidèle aux intentions UX et une cohérence technique dans l’implémentation.
Résultats & impact
La mise en production de Schooly a permis de centraliser l’ensemble des informations liées à la scolarité au sein d’un espace clair et structuré. Les étudiants bénéficient désormais d’un suivi simplifié de leur parcours, avec un accès rapide à leur planning, leurs notes et leurs documents administratifs.Les enseignants disposent d’un outil plus organisé pour partager les informations et suivre les évaluations. La direction constate une diminution des sollicitations répétitives liées à la recherche d’informations, ainsi qu’une amélioration globale de la fluidité administrative.
Enseignements clés
Ce projet m’a permis d’approfondir ma capacité à structurer des flux d’information complexes dans un contexte institutionnel. J’ai renforcé mon expertise en conception responsive et en création de design system adapté à des environnements multi-profils. Il m’a également permis de jouer un rôle stratégique dans l’organisation de l’information, en traduisant des besoins pédagogiques et administratifs en une expérience digitale claire, accessible et durable.