.

Background

Having traveled extensively, I faced challenges when planning long trips that covered multiple destinations and more. Recognizing that other people encounter similar difficulties in trip planning, I decided to take on the challenge and design a feature to address this common problem.

Challenges:
  • Absence of project manager to guide or oversee
  • Sorting out the problem statement and goal
  • Making all the project decisions independently
Duration

1.5 months

Project Type

Conceptual project

My Responsibilities

Research, UX Design, UI Design, Wireframing

Overview

This is a feature concept for the Booking.com app, enabling users to envision and book vacations conveniently. This functionality facilitates trip planning, exploring attractions on a map, allows users to add nearby hotels to a flexible plan, and enables booking them all at once, following a detailed schedule for efficient planning.

Problem statement
Disarray in travel planning

The current travel planning process involves users navigating multiple platforms such as Facebook, Google, Excel, and hotel websites, resulting in a fragmented and time-consuming experience. The absence of a unified solution hinders users from efficiently discovering, customizing, and booking their trips in one cohesive platform.

Product goal & value
Simplify and save time

End-to-end travel planning for efficiency is the goal. This involves creating a unified platform from exploration to booking, aiming to save users time and simplify the journey.

Research
User perspectives on Booking.com

I conducted qualitative research, interviewing six individuals, involving both current and potential Booking.com users. I wanted to understand their needs and their app usage for planning. After figuring out many ways of how people plan their trips step by step, it became clear that users need to have flexibility in their planning.

Competitors in the travel marketplace

I explored travel apps targeting the same audience as Booking.com and noticed a recurring theme of using maps to assist in trip planning. Surprisingly, this emphasis on maps is less prominent in Booking.com.

Wireframing
Adapting travel journeys

I began by planning a scenario for a trip with a few destinations, then pivoted to a more extensive journey based on research. The wireframes evolved iteratively, seamlessly integrating existing app screens.

Design phase
Adjustments according to an existing design system

As the application already existed with its established design system, I needed to learn and become familiar with the style guide so that I could modify the feature's screens to blend seamlessly into the entire application

Incorporating a map in the planning journey

The first job to be done was to integrate a map into the planning flow, which begins with choosing the country to visit and is followed by exploring hotels and destinations within the chosen country.

Flexibility with stages not booked yet

In light of research insights, users frequently make multiple changes over months of planning. Therefore, I designed an option for easily moving, deleting, or adding stages, even across multiple days.

Providing context by pinpointing the route

When a user explores new places to visit, the map shows their location in relation to other destinations already in the plan, aiding decision-making based on distances.

Finish and book all

Allowing travelers to complete the entire trip planning and booking in a single step reduces the risk of oversights and provides a seamless, cohesive experience.

Results
Feature anticipation is high

I conducted user testing with users from the target audience. After analyzing their reviews, I made a few fixes, but the responses to this feature were very positive.

Takeaway
Enhancing product design skills

I had the chance to utilize the UI design skills I acquired that year, uncovering new and interesting aspects that give me a broader understanding of product design, in addition to the in-depth knowledge I already gained from years of experience in UX design.

Fonts
Colors

Let's work Together!

COMPANIES I'VE WORKED WITH
Logo - Jacob Webflow Template