Introduction
The goal of this project was to redesign the online appointment booking journey to reduce drop-offs and improve conversion.
The original experience lacked structure and clarity, leading to a frustrating user experience, particularly on mobile, and ultimately impacting the number of completed bookings.
Problem
Reaserch
To understand why users were dropping off, I analysed funnel data in Google Analytics and reviewed appointment booking flows from competitors in the optical and healthcare sectors.
I also gathered insights from internal support and store staff. This combination of quantitative data and qualitative feedback highlighted key usability issues and guided the design direction.
Design Principles
Based on the research, I defined the following principles to guide the redesign:
Clarity
Make the process feel linear, predictable, and transparent.
Flexibility
Cater to both quick bookings and returning users.
Accessibility
Ensure WCAG-compliant design across all devices.
Speed to Value
Surface availability and progress early to reduce friction.
Wireframes
Key Design Solutions
Progress Tracker
I introduced a clear progress bar at the top of each step. This gave users a visual sense of how far along they were and reduced abandonment caused by uncertainty.
Hybrid Login Model
To reduce friction at login, I designed a system that allowed both account login. For users wanting access to history, reminders, and rebooking and confirmation code login for one-off users who didn’t want to create an account. This gave users full control over how they engage.
Store Availability Improvements
Availability is now shown before selecting a store, with filters for distance, earliest appointments and services available. I also added a preview of the next available time slot under each store card. This helps users make faster, more informed choices.
Mobile-First Layout
I rebuilt the journey with a mobile first approach ensuring larger tap targets, readable text sizes, clear CTA placement and reduced scroll fatigue.
Accessibility Enhancements
Designs were built to comply with WCAG 2.1 AA standards.
Evaluation