Travelize
mobile travel booking app concept

About the project

Problem

Travel has become too convoluted. Customers are frustrated with booking too many parts of their travel through different apps with reservations in many different locations. They want to spend their limited budgets on activities and cultural experiences rather than splurge on flights and hotels.

Solution

Travelize prioritizes rich cultural experiences over fancy hotels and flights with a quick and easy reservation experience, beginning to end. We make it easy to change plans inside the app, avoiding the need to ever call customer service.

My Role

I collaborated with another UX designer on the empathy, definition, and ideation phases of the project, then I planned, wireframed, and prototyped the UI.

Tools

  • Figma
  • Miro
  • Adobe Photoshop

The Design Process

Through the Design Process, we were able empathize with potential users, define the user flows and key requirements, brainstorm new ideas, and prototype a new design.

Empathy

User Research

For this project, we created a proto persona as well as planned and conducted 5 interviews with potential users throughout the United States. From this, we were able to create an affinity diagram and an empathy map that led us to our User Personas.

Affinity Diagram

User Personas

Definition

Problem Statement

During our research & user interviews, we found that people are frustrated with travel booking websites and apps. They want to be able to plan multi-destination travel, book all parts of travel within one app, have all their plans and info in one place and experiences within one app, and never want to have to talk to a human.

We think that Travelize can streamline the travel booking experience, simplifying the process while providing better search, planning, and information retrieval options.

Storyboard

User Journey Map

Competitor Analysis

Ideation

Priorities

  • Making travel booking easy and seamless
  • Combining all aspects of travel booking and documentation
  • Making multi-destination travel easier
  • Make planning dream travel easy and inspiring

brainstorming & prioritization matrix

User Flow

Prototyping

Wireframing

Wireframing the layout was important to my process, visualizing where elements were going to be and how the site would be mapped. In the lo-fi stage, I can concentrate on ideas without getting stuck on colors, fonts, and exact details.

Guerrilla User Tests

From the lo-fi wireframes, I created medium-fi prototypes that were guerrilla user tested. The feedback gave me great insights into where users were having blocks with the app. Some important revelations were:

  • Not enough contrast in font and background colors on some pages
  • Having login and signup on a single page was confusing
  • Vertical text is hard to read
  • No nav back to dashboard - it’s not a website where the user expects to hit the logo to return home
  • Icons without text can be confusing

Final UI Design

Play with the Prototype

  • This is a Figma prototype. Not everything is clickable (but most things are).
  • If you click on something that’s not a link, it will flash blue on the things that are clickable.
  • The keyboard is not typeable. You can click on the search bar to progress forward
  • Press the letter 'R' on your keyboard to start from the beginning.

Check out my other projects!