
Concept/Demo
Education, Courses & Training: a website direction for your business.
Course catalogue with curriculum accordion, lesson preview, and enrolment summary.
Concept/demo. Sample business details, prices and availability are illustrative. Journeys run in the browser; no booking, order, payment or request is sent.

Business need
Make the next step clear.
For education, courses & training, visitors need to understand the offer, inspect the details, and see how to take the next step. This concept makes that journey visible before a real project is scoped.
Design direction
Learning catalogue. Typography uses Manrope and DM Sans, with a palette developed for this concept.
Primary journey
Filter by level & topic → curriculum accordion → read a text lesson → enrolment summary with study pace
Frontend features
Explore what the interface does.
- Course filters
- Curriculum accordion
- Lesson preview
- Enrolment summary
Making it production-ready
- Your business content and photography
- A confirmed scope, pricing and timeline
- Backend, payment, booking or third-party integration where your workflow needs it
The sample interface does not establish live stock, availability, payments, professional services, or business outcomes.
Desktop & mobile
Try the same journey on your screen.
The live demo adapts to desktop and mobile. Open it to explore layouts and controls at your own screen size.


Photography credits
Sources used in this concept
- brand-moodboard.jpg — Fiona Murray-deGraaff Source · Licence
- brand-sketch-desk.jpg — Kelly Sikkema Source · Licence
- content-calendar-sketch.jpg — Estée Janssens Source · Licence
- content-coffee-planner.jpg — Estée Janssens Source · Licence
- content-planner.jpg — 2H Media Source · Licence
- hero-notes-laptop.jpg — Microsoft 365 Source · Licence
- study-desk.jpg — Nick Morrison Source · Licence
- website-desk.jpg — UX Store Source · Licence
- website-wireframe.jpg — Kelly Sikkema Source · Licence
Build around your actual business.
Share your goals, content and workflow. We will define the design, features, integrations, scope and quotation with you.