Bookable booking platform
Role
UX Designer
UX Designer
Domain
Consumer Services
Consumer Services
Duration
6 weeks
6 weeks
Team
Solo
Solo
TL;DR
TL;DR
Problem
Problem
Finding a service provider for wellness happens across scattered channels (social media, word-of-mouth, online search)and booking is just as inconsistent, with providers relying on their own apps, DMs, or walk-ins. This results in a fragmented and inconsistent experience before the service even begins
Finding a service provider for wellness happens across scattered channels (social media, word-of-mouth, online search)and booking is just as inconsistent, with providers relying on their own apps, DMs, or walk-ins. This results in a fragmented and inconsistent experience before the service even begins
My responsibilities
My responsibilities
As a solo project, I conducted research (competitive analysis, user flows) to define my design goals, then created a design system (tokens, core components) to design the booking experience for Bookable
As a solo project, I conducted research (competitive analysis, user flows) to define my design goals, then created a design system (tokens, core components) to design the booking experience for Bookable
What I delivered
What I delivered
Bookable — a concept mobile application that simplifies how clients discover, schedule, and pay independent wellness service providers
Bookable — a concept mobile application that simplifies how clients discover, schedule, and pay independent wellness service providers
PROBLEM
Fragmented discovery and booking
Fragmented discovery and booking
Discovery is fragmented; users piece together recommendations from social media, word-of-mouth, and online search to find the right service professional
Discovery is fragmented; users piece together recommendations from social media, word-of-mouth, and online search to find the right service professional
Booking is fragmented too. Providers use different systems for scheduling and payment, adding friction before the service has even started
Booking is fragmented too. Providers use different systems for scheduling and payment, adding friction before the service has even started
RESEARCH
Benchmarking 4 consumer services platforms
Benchmarking 4 consumer services platforms
Strengths:
plethora of business and user-generated photos
plethora of business and user-generated photos
user rating and reviews for social proof
user rating and reviews for social proof
Gaps:
lack of direct messaging for customizable requests
lack of direct messaging for customizable requests
scheduling is external, leading users to different platform
scheduling is external, leading users to different platform
USER FLOW
Discovery and booking in one place
Discovery and booking in one place
DESIGN GOALS
3 main feature areas
3 main feature areas
Based on market research, I defined these features focused on streamlining discovery, booking, and payment in one platform
Based on market research, I defined these features focused on streamlining discovery, booking, and payment in one platform
Booking system
Simplify Navigation
Integrate an in-app booking system to streamline booking and payment
Integrate an in-app booking system to streamline booking and payment
Discovery
Increase visual consistency
Enable users to browse service providers near them and in surrounding cities
Enable users to browse service providers near them and in surrounding cities
Appointment management
Make Filtering Relevant
Enable users to manage and all past and upcoming appointments for user control
Enable users to manage and all past and upcoming appointments for user control
DESIGN SYSTEM
Creating core components
Creating core components
FINAL DESIGN
Unifying discovery, booking, and management with Bookable
Unifying discovery, booking, and management with Bookable
KEY DECISION #1
Visual emphasis on photos & reviews for social proof
Visual emphasis on photos & reviews for social proof
Photos and reviews were some of the strongest drivers of trust in my secondary research
I gave both strong visual emphasis in the interface, using them as social proof, to help users decide where to do business with more confidence
Photos and reviews were some of the strongest drivers of trust in my secondary research
I gave both strong visual emphasis in the interface, using them as social proof, to help users decide where to do business with more confidence
KEY DECISION #2
In-app booking system
In-app booking system
During competitive analysis, I found that most platforms in this space required users to switch apps just to book an appointment, right at the moment they most motivated to commit
During competitive analysis, I found that most platforms in this space required users to switch apps just to book an appointment, right at the moment they most motivated to commit
To close that gap, I designed a native booking flow so users can go from discovery to confirmed appointment without leaving the app
To close that gap, I designed a native booking flow so users can go from discovery to confirmed appointment without leaving the app
KEY DECISION #3
Manage upcoming & previous appointments
Manage upcoming & previous appointments
Competitive analysis showed that booking platforms let users view, modify, and rate their appointments in one place
I applied the same pattern in Bookable, letting users modify upcoming appointments and rate completed ones without leaving the app
Competitive analysis showed that booking platforms let users view, modify, and rate their appointments in one place
I applied the same pattern in Bookable, letting users modify upcoming appointments and rate completed ones without leaving the app
Explore the design file
Explore the design file
The complete design file below includes the user flow, components, and prototype across light and dark mode
The complete design file below includes the user flow, components, and prototype across light and dark mode
Takeaways
Takeaways
Working on this project taught me how to apply common mobile interface design patterns. The fast timeline was the biggest parameter of this project. If I were to continue the design, I would like to develop the appointment management flow even further to demonstrate how users may chat with the professional or request to edit their appointment
Working on this project taught me how to apply common mobile interface design patterns. The fast timeline was the biggest parameter of this project. If I were to continue the design, I would like to develop the appointment management flow even further to demonstrate how users may chat with the professional or request to edit their appointment