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.

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

Pour comprendre les attentes réelles des utilisateurs, j’ai mené une recherche qualitative centrée sur deux profils clés : les parents à la recherche d’un soutien scolaire pour leurs enfants et les tuteurs souhaitant proposer leurs services. Cette phase a combiné entretiens individuels et questionnaires afin de recueillir des retours concrets sur leurs besoins, leurs frustrations et leurs habitudes actuelles.

Les parents ont exprimé leur difficulté à trouver des tuteurs de confiance et bien qualifiés, soulignant l’importance d’une plateforme claire, fiable et facile à utiliser. De leur côté, les tuteurs recherchent une meilleure visibilité, des outils de gestion simplifiés, et un moyen efficace de communiquer avec les familles. Ces retours ont permis d’orienter les premières décisions de conception et de poser des bases solides pour construire une solution réellement utile.

Processus de recherche

Processus design thinking

1/ EMPATHIE

Audit concurrentiel UX

Afin de mieux comprendre le positionnement de notre future plateforme, j’ai analysé quatre concurrents majeurs du secteur : Superprof, Les Bons Profs, Acadomia et Kartable. Chacun présente des atouts spécifiques, mais aussi des limites qui ont orienté certaines de mes décisions de conception.

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

Pour mieux comprendre les attentes des utilisateurs, j’ai mené des entretiens et enquêtes auprès de parents et de professeurs particuliers. Les parents cherchent avant tout un tuteur qualifié, fiable et à l’écoute, tandis que les enseignants veulent une plateforme simple pour trouver des élèves et gérer leurs disponibilités. Ces retours ont guidé l’ensemble de la conception.

Contexte

Le projet est né du constat que peu de plateformes de soutien scolaire répondent réellement aux besoins des deux parties. L’enjeu était de créer un site web simple, fluide et rassurante, qui facilite la mise en relation.

Objectifs

• Simplifier la recherche et la réservation de cours
• Proposer une interface claire et intuitive
• Valoriser l’expérience et les profils des tuteurs
• Favoriser la communication et la confiance entre utilisateurs
  

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

La conception de Tutereo en version desktop a permis de traduire les besoins des parents et des tuteurs en une plateforme claire et fonctionnelle. L’ensemble du processus, de la définition des parcours utilisateurs à la création des maquettes et tests d’utilisabilité, a révélé l’importance de trois axes majeurs : accessibilité, simplicité de navigation et feedback utilisateur.
Les itérations ont permis de corriger des points critiques, comme la distinction entre inscription et connexion, la densité des graphiques du tableau de suivi, ou encore l’ergonomie des filtres de recherche. Les tests ont confirmé la pertinence des choix visuels et structurels, tout en mettant en lumière des pistes d’amélioration, notamment pour renforcer l’accessibilité clavier et l’accompagnement des utilisateurs ayant des besoins spécifiques.

Pour conclure, ce projet m’a permis de développer une approche centrée sur l’utilisateur, en conciliant exigences pédagogiques, contraintes techniques et expérience fluide. La version desktop constitue ainsi une base solide pour une future déclinaison haute fidélité et un déploiement complet.