UI Design
A user journey designed to convert without friction
The UI was built to guide parents from discovery to booking in three clear steps: learning profile quiz, teacher selection, free trial lesson.
Every screen was designed in Figma with a consistent UI kit, creating a seamless experience across the entire site. The matching interface — with compatibility scores between student and teacher (96%, 78%...) — became one of the most refined modules in the project: making an algorithm easy to read and reassuring, without technical jargon.
The KPIs (+1,700 students, 98% exam pass rate, Trustpilot Excellent) are front and center in the hero to handle objections before the user even scrolls.
Beyond the marketing pages, Study Success needed a structure that could handle a large catalog: multiple school levels (Elementary, Middle School, High School, Higher Education), multiple subjects (Math, Physics-Chemistry, Life and Earth Sciences, Biology, Computer Science), and multiple solutions (tutoring, intensive courses, exam prep, entrance exam prep...).
Gemeos designed a modular architecture built on reusable Webflow templates (subjects × levels), giving the Study Success team full ownership to create new pages without depending on a developer.
Two new pages were also designed at the end of the project: a dedicated page for professionals and a standalone learning quiz page. The site architecture was mapped in Flowmapp before any wireframing work began, making sure the navigation reflected real user search intent.