Study Success : refonte d'une plateforme de cours particuliers

Direction Artistique - Look&Feel

Une identité qui inspire confiance sans surjouer l'académique

Study Success voulait se démarquer des grands acteurs du soutien scolaire, souvent froids, institutionnels, tout en restant crédible auprès de parents exigeants.

La direction artistique s'est construite autour d'un équilibre précis : une palette violet/lavande douce sur fond crème, renforcée par des accents dorés qui évoquent l'excellence sans ostentation.

Le hibou, déjà présent dans l'identité existante, a été conservé et recentré comme mascotte, un choix fort qui ancre la marque dans l'imaginaire de la connaissance.

Couleurs pastels, photos authentiques (pas d'images IA), typographies propres : chaque décision visuelle a été prise pour toucher la cible principale, des mères 35-60 ans CSP+, en leur donnant confiance dès le premier regard.

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.

Dev Webflow

Intégration no-code pensée pour l'autonomie client

L'intégration Webflow a démarré une fois le design finalisé et validé, avec un objectif clair : livrer un site que l'équipe Study Success puisse faire évoluer seule.

Toute la structure de contenu repose sur le CMS Webflow (pages matières, pages niveaux, pages solutions) avec des collections configurées pour refléter l'architecture définie en amont.

Le module de matching professeur-élève a été intégré avec une UI dynamique affichant les scores de compatibilité en temps réel.

Une phase de QA complète (semaine 7 de la timeline) a permis de tester l'ensemble des parcours avant la mise en ligne.

La livraison s'est conclue par une formation Webflow dispensée à l'équipe client, pour assurer une prise en main autonome dès le jour du lancement.

SEO

Des pages locales pensées pour capter les recherches à forte intention

La stratégie SEO de Study Success repose sur une logique de maillage local fort : une section dédiée "Trouvez un professeur dans ma ville" structure l'arborescence du site autour de pages géo-ciblées, reproduisant le modèle éprouvé d'acteurs comme Eddmon que le client avait explicitement identifié comme référence.

Chaque page locale suit un template Webflow standardisé, permettant une production en masse sans sacrifier la cohérence éditoriale ni la qualité technique. En parallèle, les pages matières et niveaux ont été structurées pour répondre aux requêtes transactionnelles à fort volume (ex. : "cours particuliers maths lycée", "soutien scolaire physique chimie Paris"). Le copywriting de chaque page a été rédigé en amont dans Notion, organisé par type de page, avant intégration. Uun workflow qui a permis d'aligner SEO et Webflow dès la phase de production.