Designing a Sports Booking App
UI/UX Design
Mobile App Design
Animation
Client Name:
Li3ib
Principal Designer
Rashid Alowaisheer
Follow
CHALLENGES
Disorganized Information Display
Lengthy Checkout Process
Poor Categorization and Discovery
Users struggled to locate suitable venues due to the lack of clear categorization by sport type, location, or facility features. The absence of filters and intuitive navigation made it time consuming to browse options leading to user frustration.
Key venue information such as size specifications, operating hours, and available time slots was presented in a visually cluttered layout, and inconsistently formatted across listings. Users found it difficult to compare options or understand what exactly was included in a booking.
The booking and checkout process involved too many steps and lacked clarity, which caused friction at a critical conversion point.
PROCESS
Market Research
Wireframing
Pototyping
1
Market Research
Researched regional and international sports booking platforms to understand industry standards and user expectations. Insights from this research highlighted the importance of simplified discovery and booking flows, features that were then prioritized in the redesigned Li3ib experience.
2
Wireframing
Created low fidelity wireframes to map out key user flows, including venue discovery, filtering, and the checkout process.
3
Pototyping
Built interactive prototypes to simulate the booking experience focusing on navigation flow, filter behavior, and the redesigned checkout process. These prototypes were used to test usability and gather early feedback before development.
SOLUTIONS
Improved Categorization and Navigation
Refined layout and Visual Hierarchy
Streamlined Checkout Process
Improved Categorization and Navigation
Clear categorization by sport type, location, and facility features was introduced to help users quickly narrow down relevant options. An optimized filter and search experience made it easier to browse venues reducing decision fatigue and streamlining the discovery process.
Refined layout and Visual Hierarchy
Venue details were reorganized using consistent formatting and a cleaner decluttered layout that prioritized key information such as field size, availability, and pricing. A clear visual hierarchy achieved through thoughtful use of typography, spacing, and iconography helped users quickly scan listings, compare options, and move forward with confidence in their selections.
Streamlined Checkout Process
Redundant steps were removed from the checkout process and progress indicators were introduced to provide feedback and guide users through each stage, ultimately reducing drop-off rates.
DESIGNS
App screens
App screens
No items found.
Artwork
Artwork
No items found.