TUTEREO

Conception du site web fictif Tutereo qui permet aux tuteurs de répertorier leurs services et aux parents de rechercher et de réserver du temps avec les tuteurs.

Compétences acquises:

• Stratégie multi-écrans : Conception d’interfaces fluides et adaptées pour Desktop, Tablette et Mobile.
• Architecture et navigation : Création de Sitemaps et de structures de menus optimisées pour le web.
• Hiérarchie visuelle : Organisation des contenus pour faciliter la lecture et le « scan » visuel sur grand écran.
• Conception UI sur Figma : Création de wireframes et de maquettes haute fidélité (Hi-Fi) avec composants réutilisables.
• Prototypage et interaction : Simulation du parcours utilisateur complet sur navigateur via un prototype interactif.
• Accessibilité et tests : Vérification des normes WCAG (contrastes, tailles de police) et itérations après tests d’utilisabilité.

Durée: 

Le design du projet a été réalisé entre janvier 2025 et août 2025, soit une durée totale de 8 mois, incluant les phases de recherche utilisateur, prototypage, itération, et test utilisateur.

Recherche utilisateur

J’ai mené une recherche qualitative approfondie pour identifier les attentes réelles des utilisateurs. Dès lors, mon étude s’est concentrée sur deux profils clés : les parents et les tuteurs. Pour ce faire, j’ai combiné des entretiens individuels avec des questionnaires ciblés. Cette phase d’immersion a permis de recueillir des retours concrets sur leurs habitudes et leurs frustrations actuelles.

Processus de recherche

Processus design thinking

1/ EMPATHIE

Audit concurrentiel UX

J’ai réalisé un audit concurrentiel pour affiner le positionnement de la future plateforme. En effet, j’ai analysé quatre acteurs majeurs : Superprof, Les Bons Profs, Acadomia et Kartable. Grâce à cette étude, j’ai identifié des atouts spécifiques mais aussi des limites techniques. Finalement, cette veille stratégique a permis d’optimiser l’expérience utilisateur par rapport aux offres existantes.

Les parents ont exprimé une difficulté majeure pour trouver des tuteurs de confiance. C’est pourquoi ils soulignent l’importance d’une plateforme fiable et facile à utiliser. De leur côté, les tuteurs recherchent une meilleure visibilité et des outils de gestion simplifiés. Ensuite, j’ai utilisé ces données pour orienter mes premières décisions de conception. Ainsi, ces bases solides garantissent la création d’une solution réellement utile.

Cette analyse comparative m’a permis d’identifier les bonnes pratiques à reprendre (comme la clarté des menus ou le ton pédagogique) ainsi que les points à éviter (trop de formalisme, manque d’accessibilité ou d’interactivité).

UX Research

J’ai mené des entretiens approfondis et des enquêtes auprès de parents et de professeurs. Cette recherche a permis de cerner les attentes réelles des futurs utilisateurs. En effet, les parents recherchent avant tout un tuteur qualifié, fiable et à l’écoute. De plus, les enseignants souhaitent une plateforme simple pour gérer leurs disponibilités avec efficacité.

Contexte

Le projet est né d’un constat simple sur les plateformes de soutien actuelles. En effet, peu d’outils répondent réellement aux besoins simultanés des deux parties. C’est pourquoi l’enjeu principal consistait à créer un site web rassurant et fluide. Par la suite, cette volonté de simplification a facilité la mise en relation directe entre utilisateurs.

Objectifs

• Simplifier la recherche et la réservation de cours en quelques clics.
• Proposer une interface claire, intuitive et totalement responsive.
• Valoriser l’expérience spécifique et les profils détaillés des tuteurs.
• Favoriser une communication transparente pour instaurer une confiance durable.
  

2/ DÉFINIR

Personas

Points de douleur

User journey

3/IDÉATION

Architecture de l’information

L’architecture de l’information a été conçue de manière claire et hiérarchisée, en plaçant la page d’accueil au centre de la navigation et en organisant les contenus autour de quatre sections principales: À propos, Parents, Tuteurs et Contact. Cette structure permet d’assurer une orientation intuitive et un accès rapide aux informations clés de la plateforme.

User flow

4/PROTOTYPES

Wireframes

Ces wireframes représentent le parcours utilisateur principal pour Tutereo conçue pour répondre aux besoins des parents et des tuteurs. L’objectif est de proposer une interface intuitive permettant de rechercher, réserver et suivre des cours particuliers en toute simplicité.

Parents

Tuteurs

Design system

Ce UI kit a été conçu pour assurer une cohérence visuelle et fonctionnelle à travers l’ensemble de l’application. Il regroupe les éléments clés de l’interface : typographies, couleurs, composants (boutons, formulaires, cartes), ainsi que les icônes et graphiques. Chaque choix a été pensé pour garantir une navigation intuitive et une expérience utilisateur agréable. L’objectif est de créer une interface claire, accessible et engageante pour les élèves comme pour les tuteurs.

Maquettes

Cette maquette présente le design de Tutereo, pensé pour répondre aux besoins identifiés lors de l’UX research. Elle propose une page d’accueil simple, permettant un accès rapide à la plateforme. La gestion des profils est intuitive et personnalisée, avec des tuteurs recommandés et des filtres adaptés. La recherche des tuteurs offre des informations détaillées et claires pour guider les utilisateurs. Un calendrier interactif facilite la réservation, tandis qu’une page récapitulative et un système de paiement sécurisé finalisent le processus. Un tableau de bord visuel permet de suivre les progrès des élèves. Enfin, une messagerie intégrée assure une communication fluide entre parents et tuteurs. Chaque écran est conçu pour garantir une navigation intuitive et répondre aux attentes des utilisateurs.

Prototype haute-fidélité

5/TESTS

Pour évaluer l’efficacité de la version desktop de Tutereo et identifier des opportunités d’amélioration, une étude d’utilisabilité a été conduite auprès de 7 participants. Le panel incluait 2 tuteurs, 2 parents et 3 utilisateurs en situation de handicap (visuel, auditif, moteur), afin de couvrir une diversité de profils représentatifs des utilisateurs ciblés. Chaque participant a été invité à réaliser cinq tâches clés couvrant l’ensemble des fonctionnalités principales de la plateforme : recherche de tuteurs, réservation de sessions, utilisation de la messagerie, consultation du tableau de suivi et connexion ou inscription.

Objectifs:

• Recueillir des observations qualitatives détaillées et des retours directs des utilisateurs.
• Évaluer la facilité de navigation et la compréhension des différentes fonctionnalités.
• Identifier les points de friction et obstacles rencontrés, en particulier en matière d’accessibilité.

Résultats:

• Messagerie: La messagerie a été perçue comme intuitive et facile à utiliser pour la plupart des utilisateurs. Toutefois, des améliorations ont été suggérées concernant l’ajout de contacts et la clarté des repères pour les participants utilisant un lecteur d’écran.

• Tableau de suivi: Les parents ont apprécié la richesse des informations disponibles et la lisibilité des graphiques.

• Accessibilité: Lors des tests, la couleur utilisée présentait un ratio de contraste inférieur à 4,5:1, ce qui ne respecte pas les critères WCAG indispensables pour garantir une lisibilité optimale.  Les utilisateurs en situation de handicap auditif ont trouvé l’expérience accessible et fluide, grâce à la clarté visuelle des interfaces.

• Connexion: La première version de la page créait une confusion entre inscription et connexion, car l’inscription était mise en avant tandis que l’accès à la connexion restait peu visible et peu fluide.

• Feedback utilisateur : Les participants ont globalement apprécié l’interface claire et la simplicité de navigation sur la version desktop de Tutereo. La présentation des profils, les étapes de recherche de tuteurs et la réservation de sessions ont été jugées intuitives et bien pensées. La messagerie a également été appréciée pour sa clarté, bien que certains utilisateurs aient suggéré de fluidifier la gestion des notifications et des conversations.
  

La phase de test a permis de valider les forces de Tutereo tout en identifiant des opportunités concrètes pour améliorer l’expérience utilisateur avant le lancement final.

Itérations

Conclusion

J’ai traduit les besoins des parents et des tuteurs en une plateforme claire et fonctionnelle. En effet, la conception de la version desktop repose sur trois axes majeurs. L’accessibilité, la simplicité de navigation et le feedback utilisateur dirigent l’ensemble du processus. De plus, cette approche garantit une structure cohérente dès la création des maquettes initiales.

Les itérations successives ont permis de corriger plusieurs points critiques de l’interface. Par exemple, j’ai simplifié la distinction entre l’inscription et la connexion. Ensuite, j’ai optimisé l’ergonomie des filtres de recherche et la densité des graphiques. Grâce à ces tests, j’ai également renforcé l’accessibilité au clavier pour les utilisateurs ayant des besoins spécifiques.

Pour conclure, ce projet m’a permis de développer une approche rigoureuse centrée sur l’utilisateur. En effet, j’ai concilié les exigences pédagogiques avec des contraintes techniques précises. C’est pourquoi la version desktop constitue désormais une base solide pour un déploiement complet. Ainsi, cette étape prépare idéalement une future déclinaison en haute fidélité.