PlatformEdTech · Marketplace·2025

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.

BrandDesign SystemAnimation LibraryNext.js Front-end
Knowlio
28
Figma frames
8
Animation components
2
Role dashboards
Role

Lead designer + front-end

Timeline

1.5 weeks

Year

2025

Built with
Next.js 16 (App Router, RSC)React 19TypeScript 5.9Tailwind v4SupabaseTanStack Query 5Zustand 5react-hook-form + ZodFramer Motion 12next-intl 4Stripe
Highlights
  • 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
The problem

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.

Editorial, not transactional

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 trust surface

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?

A 4-step booking, two dashboards

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.

How it came together
  1. 01

    Research & positioning

    A competitor teardown of six marketplaces, and the trust levers that set the direction.

  2. 02

    Brand & design system

    The editorial visual language plus an 8-component custom animation library.

  3. 03

    Core flows

    Catalogue, the tutor profile trust surface, and the 4-step booking wizard.

  4. 04

    Dashboards & hand-off

    Student + tutor dashboards, shared Zod schemas, server-first Next.js.

Thinking about your project?

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.

Got something to build?

Let's make it fast and unforgettable.

Available for new projects