I designed a responsive website and a visual refresh of an iconic airline brand.
This is a project I completed for Designlab’s UX Academy. This is not a real app but the research is organic and the design is based on real user voices, in combination with mentor and fellow student feedback ✌️
Pan Am is an internationally iconic airliner with a long history of offering elevated, thoughtful flying experiences to consumers. In the wake of Virgin America’s acquisition by Alaska Airlines, Pan Am sees an opportunity opening up for a flying experience that’s a cut above the usual. They plan on launching a new airline in 12–18 months and are looking for a streamlined, well-thought-out user experience to match.
The goal of this project is to reintroduce Pan Am to the airline industry with a fresh website focused on customers’ needs and updated branding to reflect the modern era.
A responsive website focused on flight booking, search, and online check-in, as well as a modern brand refresh that still keeps the essence of Pan Am alive.
What features do users want when booking flights online?
What problems do they struggle with when booking flights?
Why do they book flights online?
How do users prefer to check in to their flights and why?
I analyzed competitors by comparing website features to better understand what features Pan Am’s own website must have, what would be nice to have, and what could set them apart from their competitors.
After synthesizing the qualitative and quantitative data collected, user needs, pains, and wants were formed:
Filters for price, stops, departure/arrival times
Account creation, saved information for easy booking
Quick and easy online check-in (with option to print boarding pass)
Access to useful info about flights (such as meals and seating charts)
Overwhelming or confusing interface
Complexity when searching for flights
Ticket price fluctuations over time
An airline with a history of safety/reliability and customer satisfaction, affordable prices, and a rewards program
Clean, simple, easy to use interface
Having discovered common wants and pain points among users, a user persona was developed. Exploring the thoughts, goals, frustrations, and influences of the user is crucial to a great user experience. This helps to define who this site is for and is a way to keep design decisions informed by research and aligned with user goals.
During this phase of the design process, a sitemap was created and user flows were determined, again informed by research and in constant reference to the user persona.
Next, it was important to define the interface and information hierarchy at a basic level. This was done first through quick sketches and finally by creating low fidelity wireframes of key pages. This laid the groundwork for the next phase, where the UI design and brand refresh come together.
The next step was to test the designs with actual users. A high fidelity prototype of the desktop and mobile site was created using InVision and remote (using Maze) and in person usability tests were conducted.
Booking a flight
Checking into a flight
Locate a "deals" section on the site
The booking flow was successfully completed by 100% of users in a very short amount of time
One out of two in-person participants and one out of eight remote participants were confused by the check-in form. The current design makes the form appear already filled in.