Gym & Fitness Club Website
A redesign concept for a three-studio gym that turns a read-only timetable into a bookable schedule, a transparent membership matrix, and a door check-in kiosk.
01The Challenge
The gym runs more than 200 classes a month across three studios, but its website only showed the timetable as a static table. Members could not see remaining spots before arriving.
Membership pricing stopped at a starting price, and most pages ended in a generic learn-more link. There was no direct path from seeing a class to joining.
02The Solution
The site is rebuilt around the weekly timetable: visitors mark classes, compare a plan-by-duration price matrix, see the total, and confirm in one flow. Confirmation issues a four-digit code for the door kiosk.
The kiosk gives a full-panel status readable from a distance, with locker and next class. The planned stack is Next.js, Supabase, Midtrans, and the WhatsApp Business API, with the kiosk as a PWA on a tablet.
03Key Features
- Bookable weekly timetable by studio
- Remaining spots per class
- Plan-by-duration price matrix
- Live total with personal training add-on
- Upfront or monthly payment choice
- Peak-hour map of the gym floor
- Check-in kiosk with four-digit member code