Passionfood
A cooking-school website concept: an interactive menu, class information and a booking-flow prototype.
Independent concept / demo.
Not connected to a live booking server.
Not paid client work. Ratings, reviews, photos and school details inside the demo are part of the concept, not C Studio results or testimonials.
The problem
A cooking class is easy to want and fiddly to book. Before saying yes, a visitor needs four answers: what will I cook, when does it start, how do I get there, and what will it cost?
Passionfood turns each answer into something to explore instead of a paragraph to read: a menu you can pick from, a day you can follow, and a booking flow that adds itself up as you go.
01
A menu you can play with
Five course tabs, one dish from each of the first four; dessert and a drink are included. Each dish card shows spicy, sour, sweet and salty bars, so dishes can be compared at a glance. Picks collect in a ‘Your menu’ card and the next course opens automatically. A note on the card keeps it honest: planning is just for fun, and guests still choose on the day.
02
Every dish, as a cookbook
The full menu also lives in a cookbook that opens over the page: a contents spread, then one spread per dish with its Thai name, a short description and key ingredients. It opens from the navigation or from any dish card, and pages turn with buttons or the arrow keys.
03
The day, step by step
Class information reads as a timeline: hotel pick-up, the market walk, pounding curry paste, then cooking and eating. One switch moves every time in the timeline between the morning and evening class, so nobody has to translate a schedule in their head.
04
Booking that adds itself up
The booking-flow prototype is six short steps: class, date, who’s coming, getting there, paying on the day, and details. A summary beside the form updates with every choice, totals the price and works out the free-cancellation deadline from the date picked. A banner at the top says what it is: a preview running without the booking server, where nothing is sent.
05
Made for the phone in your hand
On small screens the same pieces rearrange rather than shrink: dish cards sit in a swipeable row, ‘Your menu’ docks as a slim bar, and the booking total and button stay pinned to the bottom of the screen.
Prototype status
Works in the demo
- Menu picks & taste barsYes
- Cookbook19 dishes
- Morning / evening switchYes
- Light & dark themesYes
- LanguagesEN · ไทย · 简体中文
- MotionPause control, reduced motion
Not part of it
- Booking serverNone, nothing is sent
- PaymentsNone
- Client relationshipNone, independent concept