Back to the case study
Coded prototypeConcept project
Lumin, from catalog to enrolled
The route from the Lumin case study, working: search the catalog, open a course, sign up and get through onboarding. It runs entirely in your browser. Nothing you type is sent or saved.
Course Catalog
9 courses
- Design
Design Systems for Scale
with Sarah Jenkins
4.8 out of 514 hours - Design
Typography Foundations
with Elena Ross
4.9 out of 58 hours - Design
Color Theory
with Marcus Chen
4.8 out of 56 hours - Design
UI Animation
with Sarah Jenkins
4.7 out of 510 hours - Design
Product Thinking
with David Kim
4.9 out of 512 hours - Strategy
UX Research Mastery
with Priya Nair
4.8 out of 520 hours - Branding
Brand Identity Design
with Leo Grant
4.6 out of 515 hours - Development
Front-End for Designers
with Noah Patel
4.7 out of 516 hours - Marketing
Writing Launch Copy
with Ava Moreno
4.6 out of 55 hours
What to try
- Search for “Advanced Motion”. The empty state keeps your query and offers one way back.
- Open a course you're not sure about. The price card offers a lower-stakes second action.
- Enroll, then skip onboarding. Skip for now sits under Continue on every step.
- Use only a keyboard. Focus moves to the top of each new screen, and the browser's Back button steps back through it.
What changed from the Figma screens
- The three fixes the study names. Catalog cards are links with no violet Enroll buttons, the logged-out curriculum shows no progress, and every card is one component.
- Onboarding steps two and three are new. Figma had only step one. They follow its pattern.
- Development and Marketing courses are new, so every category chip filters to something.
- Checkout and the lesson player still aren't designed. The prototype says so where they would be.