Product Designer
2 weeks
Product thinking
User research
Visual design
With that many flights, many go through the task of booking their flights. That's a lot of users! However, the airline industry is no tech company or least their focus isn't. Whether it's mobile, tablet, or desktop, users face an overly complicated and stressful booking process.
Airline website serves as a critical platform for users to book flights, manage their reservations, and access important travel information. Therefore, striking the right balance between an attractive design and maintaining efficient navigation and usability can be a significant challenge.
Redesign
Current Site
.png)
From the user interviews I conducted, 3 main insights were found.
A main priority amongst users was to find the cheapest flights and find the best deals.
Content needs to be concise, easy to read, and accessible, especially for older user.
Booking and managing flights can be time consuming. Users prefer quicker processes.
I delivered a UI that felt both revitalized and true to its original design. Introducing new colors to the palette added an element of excitement, resulting in a UI that blended the best of the old and new.
I extended the booking section take up the whole screen. I added tabs to improve its usability.
The original design displayed information in a confusing manner. With the new design, I wanted to clearly show what each section represented.
I increased the padding and introduced rounded corners. These changes significantly improves the legibility of the cards by reducing visual clutter and creating a more spacious and comfortable layout.
In the redesign of the second card, I focused on providing clear CTAs for the user. The card now effectively communicates its intended action or message to the user.
I created a banner that shows after checkout that is readily accessible to manage user's upcoming flight.
As my first capstone project, I was over-ambitious about my redesign was going to be: Adding many cool gamification features and fancy UI animations. However, it was a great learning experience to remember was UX design is about, which is to meet the user's need.
%201.png){kind=icon}
.png)
.png)