Conception de l’application fictive 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:
- Recherche et empathie : Interviews utilisateurs, création de personas et mapping du parcours client (User Journey).
- Architecture et idéation : Construction de User Flows logiques et de Storyboards pour scénariser l’usage mobile.
- Design UI sur Figma : Création de wireframes (Lo-Fi) et de maquettes haute fidélité (Hi-Fi) interactives.
- Prototypage : Réalisation d’un prototype cliquable pour simuler l’expérience utilisateur réelle.
- Tests et itérations : Conduite d’études d’utilisabilité et correction des points de friction basées sur les retours.
- Accessibilité : Application des normes de contraste et de zones tactiles pour un design inclusif.
Projet
Tutereo permet de connecter des tuteurs avec des parents recherchant des services éducatifs. Les tuteurs peuvent y présenter leurs services et disponibilités, tandis que les parents disposent d’une plateforme intuitive pour rechercher et réserver des sessions.
Durée:
Le design du projet a été réalisé entre janvier 2025 et juin 2025, soit une durée totale de 6 mois, incluant les phases de recherche utilisateur, prototypage, itération, et test utilisateur.
Le problème:
Les parents rencontrent des difficultés à trouver des tuteurs qualifiés rapidement et facilement. Les tuteurs manquent de visibilité pour promouvoir leurs services.
Objectif:
Créer une plateforme réactive et intuitive permettant aux parents de rechercher et de réserver des tuteurs de manière simple, tout en offrant aux tuteurs un espace pour répertorier leurs services et maximiser leur visibilité.
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 l’application et le site web.
- Tests utilisateurs pour itérer et optimiser les fonctionnalités.
- Collaboration avec les développeurs pour assurer une mise en œuvre cohérente du design.
Recherche utilisateur
Afin de mieux cerner les besoins et les attentes de nos utilisateurs, nous avons mené une étude approfondie en réalisant des entretiens et des enquêtes.Nous nous sommes concentrés sur deux principaux profils : le parent à la recherche d’un soutien scolaire pour son enfant et le professeur particulier indépendant.
Initialement, nous pensions que les parents privilégieraient principalement le coût et la disponibilité d’un professeur. Cependant, nos recherches ont révélé que les parents accordent également une grande importance à l’expérience, aux qualifications du professeur et à sa capacité à établir une relation de confiance avec leur enfant. Les professeurs particuliers, quant à eux, étaient davantage préoccupés par la possibilité de trouver facilement des élèves, de gérer efficacement leur emploi du temps et de bénéficier d’une plateforme fiable.
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: 2 billets d’entrées pour Disneyland Paris
Processus design thinking
1/ EMPATHIE
Audit concurrentiel UX
Pour comprendre les forces et faiblesses des plateformes existantes dans le domaine du tutorat en ligne, j’ai analysé quatre concurrents selon des critères clés tels que la navigation, la qualité des informations, la recherche et la réservation.
Cette analyse a révélé que, bien que certains concurrents excellent dans la présentation visuelle et la clarté des informations, d’autres peinent à offrir une navigation intuitive ou des fonctionnalités complètes. Ces insights ont guidé nos choix pour concevoir une plateforme intuitive, alliant simplicité d’utilisation et richesse fonctionnelle, afin de répondre aux besoins spécifiques des parents et des tuteurs.
UX Research
Contexte et objectifs
La recherche visait à concevoir une plateforme intuitive qui répond aux besoins des parents cherchant des tuteurs et des tuteurs proposant leurs services. Elle se concentrait sur les points suivants:
- Optimiser le parcours utilisateur et mesurer la satisfaction.
- Identifier les attentes, difficultés et motivations des utilisateurs.
- Déterminer les fonctionnalités essentielles.
- Rendre l’interface intuitive.
2/ DÉFINIR
Personas
Persona 1 : Marie
Marie, mère active et impliquée, cherche des solutions simples et transparentes pour le soutien scolaire de ses enfants.
Carte d’empathie Marie
La carte d’empathie révèle ses attentes : une interface intuitive, des rapports clairs et une communication fluide avec les tuteurs.
Persona 2 : Thomas
Thomas est un jeune tuteur motivé, cherchant à développer son activité et à partager ses connaissances.
Carte d’empathie Thomas
La carte d’empathie met en lumière ses besoins : une plateforme simple à utiliser, qui valorise son expertise et lui permet de gérer efficacement son emploi du temps.
Points de douleur
Pour répondre à ces problématiques, j’ai conçu un écosystème centré sur la clarté et la fluidité des échanges. Voici comment ces besoins se traduisent dans le parcours utilisateur.
User journey
Marie
Thomas
3/IDÉATION
User flow
Légende User flow
User flow Marie
Marie recherche un tuteur pour son fils. Depuis la page d’accueil, elle applique des filtres (niveau, matière, tarif), consulte les profils, et contacte un tuteur via la messagerie intégrée. Après avoir confirmé un créneau et effectué le paiement, elle accède au tableau de bord pour suivre les cours et échanger avec le tuteur.
User flow Thomas
Thomas, tuteur, crée son profil via « Devenir Tuteur », en ajoutant ses compétences, disponibilités, et tarifs. Sur son tableau de bord, il gère les demandes, ajuste son calendrier, et communique avec les parents via la messagerie, tout en suivant ses réservations et paiements.
4/PROTOTYPES
Wireframes
Dans ce projet, j’ai conçu une série de wireframes basse fidélité pour structurer l’application mobile destinée aux parents et aux tuteurs. Mon rôle était de définir l’architecture de l’information et de clarifier les parcours utilisateurs. J’ai travaillé la réservation de cours, le suivi des progrès, la messagerie, la gestion des paiements et l’évaluation des tuteurs, avant de passer au design visuel. Tout d’abord, j’ai identifié les besoins essentiels, ensuite, j’ai organisé chaque écran afin qu’il réponde à une fonction précise. Enfin, j’ai validé la cohérence de la navigation à chaque étape, ce qui a permis d’assurer une progression logique tout au long du processus. L’approche modulaire m’a permis de tester, d’ajuster et de réorganiser rapidement les éléments. Ce travail a fourni une base solide pour le prototypage interactif et la conception haute fidélité.
Parents
Tuteurs
Design system
Le design system de Tutereo a été conçu pour garantir une expérience utilisateur cohérente et intuitive tout en renforçant l’identité visuelle de la plateforme. Avec une palette de couleurs chaleureuses, une typographie claire (Montserrat et Open Sans), et des composants interactifs bien structurés (boutons, formulaires, cartes, graphiques), ce système établit une base visuelle solide et harmonieuse. La navigation est simplifiée grâce à une barre fixe en bas de l’écran, tandis que des outils comme la barre de recherche et les menus déroulants facilitent l’exploration des fonctionnalités. Les icônes minimalistes et un logo inspirant (représentant un chapeau de diplômé) reflètent les valeurs éducatives et la convivialité de la plateforme.
Maquettes
Dans ce projet, j’ai réalisé les maquettes haute fidélité d’une application mobile destinée aux parents et aux tuteurs. Mon rôle était de transformer les wireframes en un design final cohérent et fonctionnel. J’ai défini la hiérarchie visuelle, choisi une palette de couleurs claire et intégré des composants uniformes pour renforcer l’identité graphique. Chaque écran a été conçu pour guider l’utilisateur dans ses tâches : gestion du profil, réservation et suivi des cours, messagerie, paiements et évaluation des tuteurs. J’ai veillé à assurer une navigation fluide et intuitive. Cette phase a permis de valider l’ergonomie et de préparer le prototype interactif avant le développement.
Maquette parents
Maquette tuteurs
Prototype haute-fidélité
Parents
Tuteurs
5/TESTS
Pour évaluer l’efficacité de Tutereo et identifier des opportunités d’amélioration, une phase de test utilisateur a été réalisée. Cinq participants ont été invités à effectuer cinq tâches clés, couvrant les fonctionnalités principales de Tutereo. Ces tâches incluaient la recherche de tuteurs, la réservation de sessions, l’utilisation de la messagerie, et la navigation générale.
Objectifs:
- Recueillir des observations qualitatives et des retours directs des participants.
- Évaluer la facilité de navigation et la compréhension des différentes fonctionnalités.
- Identifier les points de friction rencontrés par les utilisateurs.
« La messagerie est facile d’accès, comme n’importe quelle autre application de chat. » Charly
« C’est bien organisé, on voit toutes les infos importantes. »
Julie
Résultats:
- Taux de réussite: La majorité des tâches ont été réalisées avec succès, mais des points de friction ont été identifiés.
- Options de Paiement: Le prototype ne présentait qu’une seule méthode de paiement. Les utilisateurs ont exprimé le besoin de voir des options diversifiées (ex: PayPal) et des indicateurs de sécurité plus explicites.
- Feedback utilisateur: Les participants ont apprécié l’interface claire et la simplicité des profils, mais ont exprimé le besoin d’améliorer la fluidité de certaines fonctionnalités, comme les options de paiement et les notifications de messagerie.
- Accessibilité: Les participants disposant d’un handicap ont constaté que le contraste entre les textes et les fonds doit être renforcé pour les malvoyants, et la taille des caractères augmentée dans certaines sections pour une meilleure lisibilité. Enfin, les formulaires nécessitent des labels et instructions clairs ainsi qu’une navigation aisée au clavier.
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.
Parents version 1
Parents version finale
Tuteurs version 1
Tuteurs version finale
Conclusion
Ce projet m’a permis de mettre en pratique l’ensemble des étapes du processus de design UX, de la recherche utilisateur à la création d’un prototype haute fidélité. J’ai appris à transformer des besoins réels en fonctionnalités concrètes, en tenant compte à la fois de l’expérience utilisateur et des contraintes techniques.
L’une des principales leçons a été l’importance des tests d’utilisabilité. Même un design jugé intuitif peut révéler des points de friction une fois confronté à des utilisateurs réels. Cela m’a appris à rester à l’écoute, à itérer rapidement et à ne jamais me reposer uniquement sur mes hypothèses.
Parmi les difficultés rencontrées, j’ai notamment dû gérer la complexité des parcours utilisateurs : concevoir une navigation fluide pour deux types de profils (parents et tuteurs) avec des besoins distincts a demandé plusieurs ajustements. De plus, certains choix d’interface, comme la clarté des filtres ou l’accès aux profils, ont nécessité des retours utilisateurs pour être vraiment efficaces.
J’ai également rencontré des défis liés à l’accessibilité, notamment pour garantir des contrastes suffisants et une navigation fluide pour tous les profils utilisateurs, ce qui m’a conduit à repenser certains choix graphiques et ergonomiques afin d’assurer une expérience inclusive.
Ce projet a renforcé ma capacité à concevoir des solutions centrées utilisateur tout en m’adaptant aux imprévus et en priorisant les itérations.