UI Design
Un parcours utilisateur conçu pour convertir sans friction
L'UI a été pensée pour guider les parents de la découverte à la prise de rendez-vous en trois étapes nettes : quiz de profil d'apprentissage, sélection d'un professeur, cours d'essai gratuit.
Chaque écran a été designé dans Figma avec un UI Kit cohérent, garantissant une expérience homogène sur l'ensemble du site. L'interface de matching avec affichage du taux de compatibilité entre l'élève et le professeur (96 %, 78 %...) a été l'un des modules les plus travaillés : rendre lisible et rassurant un algorithme, sans jargon technique.
Les KPIs (+1 700 élèves, 98 % de réussite aux examens, Trustpilot Excellent) sont mis en valeur dès le hero pour lever les objections avant même que l'utilisateur ne scroll.
Au-delà des pages vitrines, Study Success avait besoin d'une structure capable d'absorber un catalogue large : plusieurs niveaux scolaires (Primaire, Collège, Lycée, Études supérieures), plusieurs matières (Maths, Physique-Chimie, SVT, Biologie, Informatique) et plusieurs solutions (soutien scolaire, stages intensifs, prépa examens, prépa concours...).
Gemeos a conçu une architecture modulaire basée sur des templates Webflow réutilisables (matières × niveaux) permettant à l'équipe Study Success de créer de nouvelles pages sans intervention de développeur.
Deux nouvelles pages ont également été designées en fin de projet : une page dédiée aux professionnels et une page Quiz d'apprentissage standalone. L'architecture du site a été modélisée via Flowmapp avant tout travail de maquettage, pour s'assurer que la navigation reflète les intentions de recherche réelles des utilisateurs.
.avif)
