Streamlining the booking flow with mobile-first design and accessibility improvements
View Interactive Prototype
The City of Gent's sports booking platform serves thousands of residents daily, but the current experience presents significant usability challenges. Users face an 8-step booking process with hidden pricing, no mobile optimization, and multiple accessibility barriers.
This is a personal redesign project for portfolio purposes. Not affiliated with the City of Gent.
Users lose context and abandon the flow due to excessive steps between search and confirmation
Price not visible until step 7 of 8, creating transparency issues and user frustration
Calendar requires horizontal scrolling, making it completely unusable on mobile devices
Two different search patterns create confusion and poor visual hierarchy
Fails WCAG AA standards, creating barriers for users with visual impairments
36 instances of images without alt text, creating screen reader barriers
Users don't know their location in the flow or how many steps remain
Inconsistent card heights, text wrapping issues, and legend mismatch
No hover or focus states to provide feedback on clickable elements
Clickable elements below minimum size, difficult for motor impairments
My approach focused on three core principles: simplify the booking flow, prioritize mobile users, and ensure accessibility standards are met throughout.
Reduced from 8 to 5 clear steps — eliminating redundant screens and simplifying the booking process.
Made pricing visible from the start — allowing users to make informed decisions early in the booking process.
Redesigned calendar with clear visual indicators — adding support for multi-hour consecutive bookings with real-time pricing.
Built for mobile from the ground up — ensuring a smooth, accessible experience across all devices and screen sizes.
Ensured WCAG AA compliance throughout — making the platform usable for everyone regardless of ability.
The redesign addresses critical UX issues across all key screens, from pricing visibility to mobile optimization.
Transformed cluttered navigation into clear action cards, improving task completion and reducing cognitive load
Added transparent pricing and improved availability indicators, eliminating user frustration and late-stage surprises
Consolidated competing search interfaces into one unified system with visible pricing on activity cards
Optimized touch targets, improved readability, and streamlined navigation for seamless mobile experience
The redesigned platform delivers a modern, intuitive experience across all devices. From streamlined login flows to optimized mobile interfaces, every screen prioritizes clarity, efficiency, and user satisfaction.
This redesign demonstrates how thoughtful UX decisions and mobile-first thinking can transform a complex booking flow into an intuitive, accessible experience.