LuxeVoyage

App Screens

The Problem

There isn’t a travel website dedicated to booking specifically luxury travel and that is what LuxeVoyage is trying to solve.

LuxeVoyage is a website dedicated to finding and booking luxury trips (accommodations and experiences) with an in-built travel planner.

The Goal

The goal of this project is to create, reimagine, and iterate upon a responsive set of flows for a new luxury travel site.


The Design Process

UX Research Plan

I fleshed out a UX research plan, which included a competitive analysis and survey.

My main research goals were to understand what users value most about booking travel and what motivates them to splurge on luxury purchases.

Competitive Analysis

I conducted a competitive analysis to familiarize myself with the travel booking & luxury industries and processes. I learned that selling a premium service involves selling a lifestyle. The choice of UI, branding, photography/videography, etc all contribute to giving off a deluxe feel.

I identified multiple ways in which these competitors provide a better user experience:

  • Modern and clean UI design
  • Strong brand recognition
  • Extensive filter/category system
  • Responsive design

Competitive Analysis Chart

Survey

I had 10 participants with varying travel habits fill out my survey. Some of the questions asked and their responses:

  • What features would you like to see on a travel booking website?
  • What frustrations do you have when using travel booking websites?
  • What would make you splurge on travel?
  • Would you like an automatic travel planner to organize your travel details?
  • What device do you mostly book your accommodations and/or travel activities on?
  • What features would you like to see on a social media app that’s not currently there?

My goal was to learn the goals and pain points of each participant when it came to their travel experiences and spending habits.

Research Insights:

  • 100% of the participants enjoy using familiar websites.
  • 88.9% of the participants prefer to book their travel on desktop devices.
  • 77.8% of the participants would appreciate a travel planner feature.

To see the complete survey results, click here.


Task Flow

Using FigJam, I created a hybrid of a task and user flow for the user’s action to carry out the travel booking process. As a result, this served as an outline for the required screens for the wireframes.


Sketches

I created some sketches to generate as many unique ideas as possible. I used this opportunity to visualize and decide the most efficient user flows.

LuxeVoyage sketches
LuxeVoyage sketch 1
LuxeVoyage sketch 2

Low-Fidelity Wireframes

Using the sketches I made, I created these low-fidelity wireframes to further expand on the ideas that I had for completing various tasks. I explored various ways to organize the content and structure on the different screens.

To see the designs in more detail, click here to view it in a new window.

LuxeVoyage Lo Fi Designs

UI Design

The goal of the LuxeVoyage brand was to empahsize a luxurious and intuituve user experience. I explored various colours and typefaces that would best fulfill that goal.

Style Guide

Style Guide

High-Fidelity Designs

These are the high-fidelity designs I came up with. They show the flow of creating an account and booking a trip.

To see the designs in more detail, click here to view it in a new window.

High-Fidelity Designs

Usability Testing

My objective was to test the sign-in and booking process flows. I did the testing using the high-fidelity prototype of the desktop website that was developed in Figma.

The goal was to test the ease of navigation of the website.

I had 3 participants take part in the usability testing and these interviews were conducted virtually.

The participants completed the main flow of creating an account and booking a trip.

Feedback

The sign in process was intuitive.

The booking process is as expected.

This is a familair experience, overall.


Priority Revisions

I made revisions to the problem areas that the majority of my participants pointed out. I explored the possibility of changing the location of the sign up/in buttons and changed the search icon into a search bar so it’s more prominent. I did these alongside other changes.

LV priority revisions
LV priority revisions
LV priority revisions
LV priority revisions

Interactive Prototype

You can view and click-through the interactive prototype below.

Pro-tip: View it in full-screen to get the best experience!


Conclusion

Learnings & Next Steps

The goal of LuxeVoyage was to design a travel booking website that felt luxurious but was also easy to use. I learned that user research and testing are very important in the design process. They helped me improve my design immensely and think outside the box. By listening to my users’ needs, I gained valuable insights that ultimately led to a favorable user experience. I also learned the complex process of booking travel and what matters most to users when making travel decisions.

The design process is highly iterative and there’s always an opportunity to improve my designs. Given more time, the next step would be to design screens to showcase the travel planner feature as well as design other screens to showcase even more user flows.

Other Works