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.
Projet
Tutereo est un site web pensé pour simplifier la recherche et la réservation de cours particuliers. Il répond aux besoins de deux profils principaux : les parents en quête d’un soutien scolaire fiable pour leurs enfants, et les tuteurs indépendants souhaitant gagner en visibilité et en autonomie.
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.
Le problème:
De nombreux parents peinent à trouver un tuteur de confiance et à réserver des cours facilement, tandis que les tuteurs manquent de visibilité et d’outils pour gérer leur activité efficacement.
Objectif:
L’objectif de ce projet était de concevoir un site web intuitif et fonctionnel qui facilite la mise en relation entre parents et tuteurs, tout en simplifiant la recherche, la réservation et le suivi des cours pour offrir une expérience fluide et adapté aux besoins de chacun.
Mon rôle:
UX/UI designer
Responsabilités:
- Réalisation de recherches utilisateurs pour comprendre les besoins des parents et des tuteurs.
- Création de wireframes et prototypes pour définir les parcours utilisateurs.
- Conception d’interfaces intuitives et réactives pour le site web.
- Tests utilisateurs pour itérer et optimiser les fonctionnalités.
- Collaboration avec les développeurs et l’équipe marketing.
- Suivi de la performance et des indicateurs clés
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
Méthode employée:
- Étude d’utilisabilité modérée.
- Entretiens qualitatifs avec des parents et des tuteurs.
- Scénarios et questions pour explorer les besoins utilisateurs.
Participants:
- Parents: divers niveaux scolaires, besoins spécifiques.
- Tuteurs: expérimentés, débutants, spécialisés.
- Inclusivité: utilisateurs de technologies d’assistance.
Détails de la session:
- Localisation: Marseille, dans un espace de co-working.
- Durée: 20-30 minutes par participant.
- Compensation: Carte cadeau de 25€.
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
Persona 1: Louise
Louise, maman active de deux enfants, cherche un professeur fiable et bienveillant.
Carte d’empathie Louise
Louise veut être rassurée sur le sérieux du tuteur et la qualité des cours, tout en ayant une interface simple pour réserver rapidement, même dans son quotidien chargé.
Persona 2: Maxime
Maxime, jeune tuteur indépendant, souhaite trouver des élèves facilement tout en gardant le contrôle sur son emploi du temps.
Carte d’empathie Thomas
Maxime cherche une plateforme claire qui valorise ses compétences, lui permet de gagner en visibilité et de gérer facilement ses rendez-vous sans perte de temps.
User journey
Louise
Maxime
3/IDÉATION
User flow
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.
Légende User flow
User flow Louise
Louise commence son parcours sur la page d’accueil, où elle utilise les filtres pour préciser le niveau, la matière et le tarif souhaité. Elle saisit ensuite ses critères dans le champ de recherche. Si un profil de tuteur correspond à ses attentes, elle le consulte plus en détail. Lorsque le tuteur lui convient, elle passe à l’étape de réservation. Sinon, elle retourne à la recherche pour affiner son choix.
User flow Maxime
Maxime arrive sur la page d’accueil et commence par s’inscrire à la plateforme. Il passe ensuite à la création de son profil de tuteur, en renseignant ses compétences, disponibilités et informations clés. Une fois son profil complété, il accède à son tableau de réservations. Lorsqu’un élève lui envoie une demande, il peut accepter la réservation. Il gère ensuite ses cours directement depuis l’interface dédiée.
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.
Parents
Tuteurs
Prototype haute-fidélité
Parents
Tuteurs
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é.
« L’inscription est rapide et fluide » Robert
« Pratique pour suivre les progrès« Chantale
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
Parents
Tuteurs
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.
En définitive, 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.