Study Success: redesign of a private tutoring platform

Art Direction - Look & Feel

An identity that builds trust without overplaying the academic angle

Study Success wanted to stand out from the big tutoring players, often cold and institutional, while still feeling credible to demanding parents.

The art direction was built around a precise balance: a soft violet and lavender palette on a cream background, reinforced by gold accents that signal excellence without the flash.

The owl, already part of the existing identity, was kept and brought to the center as the mascot. A bold choice that anchors the brand in the world of knowledge.

Pastel colors, authentic photos (no AI images), clean typography: every visual decision was made to speak to the core audience, affluent women aged 35 to 60, and earn their trust from the very first glance.

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.

Webflow Development

No-code build designed for full client ownership

The Webflow build kicked off once the final design was approved, with one clear goal: deliver a site the Study Success team could keep evolving on their own.

The entire content structure runs on the Webflow CMS (subject pages, level pages, solution pages), with collections configured to mirror the architecture defined upfront.

The teacher-student matching module was integrated with a dynamic UI that displays compatibility scores in real time.

A full QA phase (week 7 of the timeline) made it possible to test every user flow before launch.

Delivery wrapped with Webflow training for the client team, so they could take full ownership from day one.

SEO

Local pages built to capture high-intent searches

Study Success’s SEO strategy is built on a strong local linking structure: a dedicated “Find a tutor in my city” section organizes the site architecture around geo-targeted pages, mirroring the proven model used by players like Eddmon, which the client had explicitly identified as a benchmark.

Each local page follows a standardized Webflow template, making it possible to scale production without sacrificing editorial consistency or technical quality. At the same time, subject and grade-level pages were structured to target high-volume transactional queries (e.g. “private math lessons high school,” “math and physics tutoring Paris”). The copy for each page was written in advance in Notion, organized by page type, before integration. A workflow that aligned SEO and Webflow from the production phase onward.