Musterhall is a two-sided learning platform where every instructor is hand-checked before they teach. I co-founded it and lead product design: I set the brand language, built the token design system, then designed and built the launch site on top of it.

Role: Co-founder, product design lead

Scope: Landing page design + build, on the Musterhall design system

Platform: Web, desktop + mobile

Status: Pre-launch; screens show demo content

A new marketplace has to win over two skeptical audiences at once. Learners have been burned by courses sold on follower counts. Experts are deciding whether to put their name on a platform nobody has heard of yet. Neither group trusts a promise.

So the page leads with the real product: the course player, the outline, hand-checked instructor profiles and live 1:1 booking. No stock photos and no vague claims. Every screen is real UI, built from the same tokens as the app.

Learners and instructors need different answers, so the page runs as two loops that share one story:

For learners: find the real thing, buy it once, get coached live

For instructors: pass muster, publish your system, keep what you earn

Most first visits happen on a phone, so I designed and built the page mobile-first, on the same design tokens as the product. Color, type and components stay consistent from the first tap to the app. One green carries identity and action, and every color pairing is checked against WCAG 2.1 AA.

Every path ends in the same place: one request-access form that works for both audiences, with a one-tap choice between learner and instructor.

A launch-ready site that explains a two-sided marketplace in one scroll

Real product UI in place of stock imagery and promises

One token system shared with the app, so the team can keep shipping

Want to see the system underneath? Read the design system case study.