top of page

perfecting the booking experience

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

I was part of an ambitious project to design the Travel booking experience for a superapp startup.

To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study.

Interaction design on Travel booking,focus on these scenarios:

Hotel Booking 

Screenshot 2021-10-20 at 4.14.25 PM.png
Screenshot 2021-10-20 at 4.15.24 PM.png

Main page

My role:

Pinpoint the problems and focus on the TAs, competitor analysis, construct a complete scenario, understand user’s psychology and intention. and perfect the UX flow with logic, reduce steps to complete user's goals.

•Competitor analysis

•UX pitch on solutions

•UX rules and guideline

•Flow and wireframe

•Implementation

•Iteration

I designed hotel, destination search experience.

In addition, I worked alongside 1 product manager, 1 UI, 2 engineers. Communication with PM and engineers.

Project Brief: Analyse Travel booking contexts:

-Compare the UX in hotel comparison, advertisement, recommendation scenarios, 

-Evaluate different contexts and products’ variations. 

-Aligned usage behaviours in one platform. s. 

Target audience:

Travel- for young adult and working adults. Based on each vertical we have different target markets.

4 main shopping channels: hotel, ticktes, transport and destiantion

Understand the information hierarchy

Competitor analysis

Understand competitor's strategies and local services, how these factors affect the product design. Compare the pros and cons, define needs for our TA.

To understnad why, how , what information being displayed. Understand business need in order to design titerable spec and layout.

Screenshot 2021-10-20 at 4.04.37 PM.png

Walk through the Functions

Screenshot 2021-10-20 at 4.30.14 PM.png
Screenshot 2021-10-20 at 5.05.51 PM.png

Hotel search card

Precise search on the date, destination and the hotel level.

Screenshot 2021-10-20 at 4.59.15 PM.png

Reminder card

To remind the hotel booked with relevant information

Banner for advertisment

Recommended keywords

Waterfall contents

Set the ux rules

Screenshot 2021-10-20 at 5.05.51 PM.png

Touch point- Search Card

Screenshot 2021-10-20 at 4.31.28 PM.png

Search keywords

Date picker rule

Set the default date, date range, unselect, popup disappear rules

Screenshot 2021-10-20 at 4.31.51 PM.png

Price range rule

Set the default price range and button activation rule. 

Screenshot 2021-10-20 at 4.32.10 PM.png

Destination search

Set the spec of history search, current location, recommended cities. Define the transition when clicking the alphabets

Screenshot 2021-10-20 at 4.31.41 PM.png
whole ux travel.png

Interconnected screen overview

whole ux travel.png

 demonstration

bottom of page