Back
Offline Travel Booking
Offline Travel Booking
Offline booking is a service provided by UDTN that enables travel agents to create new bookings or enter unlisted bookings into the system.
Offline booking is a service provided by UDTN that enables travel agents to create new bookings or enter unlisted bookings into the system.
👨 Role: UI/UX Designer
🎯 Objective
🎯 Objective
The goal was to design a new user interface for the offline booking form, including additional fields and enhancing the overall user experience.
The goal was to design a new user interface for the offline booking form, including additional fields and enhancing the overall user experience.
⚠️ Potential Pain Points
⚠️ Potential Pain Points
Cluttered Form:
Travel agents found some optional fields unnecessary, making the form navigation difficult and cluttered.
Fixed Cart Section:
The cart section was fixed at the top of the page, requiring users to scroll back up to access it.
Cluttered Form:
Travel agents found some optional fields unnecessary, making the form navigation difficult and cluttered.
Fixed Cart Section:
The cart section was fixed at the top of the page, requiring users to scroll back up to access it.
Some images of the old UI
After identifying the pain points, I collaborated with the team to brainstorm and develop solutions that effectively addressed these issues and enhanced the user experience.
After identifying the pain points, I collaborated with the team to brainstorm and develop solutions that effectively addressed these issues and enhanced the user experience.
✅ Solution
✅ Solution
Stepper Approach:
Simplified the form-filling process using a stepper approach.
Accordion for Optional Fields:
Implemented an accordion to hide optional fields, which are displayed only when clicked.
Floating Cart Button:
Introduced a floating cart button that remains visible on the page at all times.
Stepper Approach:
Simplified the form-filling process using a stepper approach.
Accordion for Optional Fields:
Implemented an accordion to hide optional fields, which are displayed only when clicked.
Floating Cart Button:
Introduced a floating cart button that remains visible on the page at all times.
