A tutor marketplace that leads with the person, not the price
An editorial-feel UK tutor marketplace — full brand, design system, an 8-component animation library and the entire front-end.

Lead designer + front-end
1.5 weeks
2025
- Editorial brand — cream / ink / lime, Playfair + DM Sans
- 8-component custom animation library
- Dual roles: student + tutor dashboards, separate onboarding
- Server Components by default, client islands for animation
- Zod schemas shared across front-end and back-end
- DBS-verification flow + Stripe payouts
UK tutoring sites sell trust badly — they compress a tutor into a search-results row: a price, a star rating, a “book now.” It reads like a spreadsheet of strangers. I pulled apart six of them — Preply, italki, Tutorful, MyTutor, Superprof, Wyzant — and three levers surfaced as what parents actually decide on: DBS verification, response time, and lesson packs. Those became the trust signals the whole direction pivots on.
Knowlio looks like a magazine, not a dashboard. Cream and ink, a single neon-lime accent used as a signal rather than a fill, Playfair italic for voice. The whole product runs on one tension: the editorial surface earns the trust, the transactional surface closes the booking. Where most marketplaces lead with the price, Knowlio leads with the person.
The tutor profile is where the booking is earned: DBS verification shown with a date and reference, reviews surfaced with context, qualifications and teaching style up front. Everything on the page answers the one question a parent is really asking — can I trust this person with an hour of my child’s time?
Subject & level → date & time → details → review. One decision per screen, live totals, state held so a back-step never loses progress. Behind it, dual dashboards: students rebook in a tap and keep a wishlist; tutors get the more polished half — a drag-to-block schedule and Stripe Connect payouts. If the supply side doesn’t feel professional, the marketplace never fills.
- 01
Research & positioning
A competitor teardown of six marketplaces, and the trust levers that set the direction.
- 02
Brand & design system
The editorial visual language plus an 8-component custom animation library.
- 03
Core flows
Catalogue, the tutor profile trust surface, and the 4-step booking wizard.
- 04
Dashboards & hand-off
Student + tutor dashboards, shared Zod schemas, server-first Next.js.
Let’s build yours.
Building a marketplace? We make the emotional case and the transactional one on the same surface — so users trust you long before they reach the pay button.