Student project

Pan Am reborn

A responsive website and a visual refresh of an iconic airline brand.

đź‘‹ Hey there

This is a project I completed for Designlab’s UX Academy. This is not a real website but the research is real and the design is based on actual user voices, in combination with mentor and fellow student feedback. I’m proud of this work, but I just wanted to be upfront with that. Okay, carry on now.

Let’s reintroduce Pan Am to the airline industry.

Pan Am is an internationally iconic airliner with a long history of offering elevated, thoughtful flying experiences to consumers. 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 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.

Website mockup on a laptop and a phone



The research phase began with forming goals in the form of questions that needed to be answered and challenged such as:

  • 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 also 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.

Research Components
Competitive analysis
User surveys
User interviews
Competitive analysis chart

Research findings

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
  • Hidden fees
  • 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.

User personaEmpathy mapSitemap


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.

Wireframe website sketched on paper
Early sketches
Wireframe website mockupWireframe website mockup


Informed by the previous phases in the design process, the UI began to take shape. It was also during this phase that the Pan Am brand was given a refresh.

Pan Am logo updatePan Am typographyPan Am brand imageryUI kitUI kitHomepage mockupDeparting flights webpage mockupTrip summary webpage mockup

I learned during the Research phase that users are frustrated with typical airline sites due to their complexity and ticket price confusion. Several users expressed their liking of aggregate airfare sites over airliner sites because they can see how ticket prices change over time.

A simplified user interface like this works because the booking flow had a 100% completion rate in a short amount of time during usability tests (see below in the Test phase). Adding options for price tracking directly in the flight search results helps users make better decisions about purchases and brings them back to Pan Am directly rather than through aggregate sites in the future.

These insights, among others implemented in the site design, aligns both user goals and Pan Am’s business goals and sets the brand apart from the competition. We’re on our way to making a big impact on the airline industry.


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.


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.

Task Completion Rate
Task Error-Free Rate
  • Booking a flight
  • Checking into a flight
  • Locate a "deals" section on the site

Next steps

After testing, it’s important to iterate on the previous designs to improve task flows, particularly for problem areas like the check-in process. With new design iterations, more usability tests should be conducted to learn new insights, challenge or confirm assumptions, and validate my previous research.

Version 5.0