Motion Cycling · Fitness / Sports Tech
Motion Cycling
Booking
Dashboard
A scheduling and management dashboard for coaches, customers, and admins at a premium cycling studio in Abu Dhabi and Dubai.
One platform. Three roles. All getting the same broken experience.
Coaches, customers, and admins were sharing an interface that worked for none of them. No mobile support, no role separation, and no way to track who was available — the operational cost was felt every single day.
Outdated visual interface
Coaches and customers both found the interface frustrating — it lacked any modern visual language and felt disconnected from the premium brand Motion Cycling had built.
Disorganised navigation
Users could not reach key features without multiple clicks. Simple tasks like viewing upcoming sessions or editing availability were buried deep in the menu.
No mobile responsiveness
The dashboard broke on tablets and phones — the very devices coaches used on the gym floor to update schedules mid-session.
Untrackable trainer availability
There was no reliable way to see when trainers were free. Scheduling conflicts happened constantly and had to be resolved manually by the admin team.
Mixed role workflows
Role-based separation did not exist. Coaches could see admin-only data; admins were shown trainer-only flows. Every user had an unnecessarily cluttered interface.
No session or credit visibility
Customers had no clear view of their remaining credits or booked sessions, leading to repeated support queries and a poor post-purchase experience.
Discovery to deployment in four phases.
We worked directly with the owner and coaches throughout — observing real workflows, then designing and building a system that fit how Motion Cycling actually operates.
Discovery & stakeholder interviews
- Workshops with the owner (Amelie) and coaches (Mariana) to document exact pain points
- Observed how coaches update availability mid-session on their phones
- Mapped every user journey across admin, coach, and customer roles
- Identified the top five friction points blocking daily operations
Information architecture
- Redesigned the full nav to separate three roles: admin, coach, and customer
- Each role sees only what they need — no cross-contamination of views
- Prioritised high-frequency tasks at the top level for each persona
- Validated structure with the owner and a sample coach before moving to design
UX & UI design
- Built a design system with a minimalist palette suited to the premium fitness brand
- Every screen designed mobile-first to work on gym-floor tablets
- Trainer availability blocks, session grids, and credit management all redesigned from scratch
- Interactive prototype reviewed with Amelie and Mariana before development
Development
- Responsive dashboard built with PHP and CodeIgniter
- Secure role-based authentication — each user type gets their own protected view
- Real-time trainer availability and occupancy tracking
- Deployed and handed off with full technical documentation
Six deliverables that simplified bookings for every role.
Fully responsive dashboard
Desktop and mobile layouts that work on gym-floor tablets, coach phones, and admin desktops — no breakages, no workarounds.
Role-based access: Admin, Coach, Customer
Three separate authenticated views. Each role sees only the data and actions relevant to them — nothing more.
Custom PHP / CodeIgniter backend
A purpose-built backend handling bookings, credits, availability, and user management with secure session control.
Trainer availability & occupancy tracking
Live visibility into trainer schedules and studio occupancy — scheduling conflicts eliminated from day one.
Session booking and credits management
Customers can view remaining credits, book sessions, and track history. Admins can adjust credits and manage capacity.
Design system with consistent UI components
A documented component library that keeps every screen visually consistent and makes future feature additions straightforward.
Three roles. One system. Zero scheduling conflicts.
From the first week after launch, scheduling conflicts stopped. Coaches updated their availability on phones without the dashboard breaking. Admins had a clean, complete view of the studio without wading through irrelevant data.
The design system means new features — session types, class categories, or new credit packages — can be added while staying visually consistent with everything already in place.
Separate dashboards for admin, coach, and customer — each showing only what that role needs.
Scheduling conflicts eliminated post-launch. Trainer availability is visible in real time across the whole team.
Full responsiveness on gym-floor tablets — coaches can update availability mid-session without issues.
"Our team at Motion Cycling is thrilled with the results. The new dashboard is visually stunning and highly functional, making it easier than ever for our trainers to navigate and access important information."
Next case study