Movement studio / Website design
Choose a session.
Choose a session.
Know your balance.
We connected the movement studio's public programme to a member ledger.
The timetable supports choosing a session; the account explains how issued, used and reserved credits relate to one another.
Explore the work ↓- PROJECT TYPE
- Website design & front-end development
- DOMAIN
- Movement studio
- DESIGN FOCUS
- Connecting a studio timetable to member credits
01 / THE DESIGN DECISION
A reservation is different from attendance.
In the example account, eight credits include two attended sessions and one reservation, leaving five available. We show the reservation separately so a future class does not look like completed attendance. Full sessions also remain visible in the timetable, giving the member a useful explanation for a choice they cannot make.
02 / THE BUILD
The pages we designed.
The build brings studio overview, member credits, class programme and class timetable into one website.
Member credits
View the screen ↓Class programme
View the screen ↓Class timetable
View the screen ↓03 / PROJECT NOTES
Project scope.
We designed and built 4 pages for this self-initiated project, including the layouts, responsive behaviour and front-end interactions. The interface uses sample business records.
The screenshots show authored interface states. Live accounts, operational integrations and production transactions are outside this portfolio build.
The gallery shows our rendered pages with identifying details masked.
06 / ON SCREENA closer look.
A closer look.
Page by page.
Start with the home page, then explore the details. These are screenshots of the original website, with names, contact details and identifying information blurred for privacy.
4 views Select any view to explore
Have a similar project?
Let’s discuss the work.
Tell us what your customers or team need to do. We can help define the pages, records and interactions around that task.