Frontier Airlines
Boarding Pass Redesign
Preface
As a part of my User Interface Design class, one of our projects was to redesign the boarding pass for Frontier Airlines.
The boarding pass should follow the visual aesthetic of Frontier Airlines and represent important information in a user-friendly way.
Note: This is not affiliated with Frontier Airlines and is a theoretical assignment.
Observations
Current Frontier Boarding Ticket
-
Why are there two logo stamps?
-
Is the date format appropriate and easy to understand?
-
What are those random letter-number combinations?
-
Why do those combo codes seem to be placed without intention?
-
Gate number, seat information, and zone number are the most noticeable. How does zone information pertain to the passenger?
-
What's the purpose of the floating outlined box? How can it flow better with the other elements on the ticket?
-
Why are the times in military format? Is it easy for users to read and process?
-
Why are the destination text styles different (all caps vs normal)?
-
Why are there empty text fields (e.g. "FF: ")?
-
Is there a better way to "sign off" on a ticket instead of drawing across the entire pass and obstructing information?
Concept Development
What information are certain users looking for?
Passengers:
Primarily looking for gate number, boarding time, and seat after receiving boarding pass.
Employees:
Primarily looking for passenger name, confirmation number, and flight number to get passenger information during data entry.
Employees include flight attendants, help desk personnel, boarding agents, and etc.
Common Goal: Get information quickly.
Passengers want to navigate the airport quickly, especially if they're rushing to make a flight; employees need to scan the pass for information to help passengers as efficiently as possible.
Information to Include on Boarding Pass:
-
Departing city
-
Arrival city
-
Boarding time
-
Departure time
-
Flight number
-
Seat number
-
Gate
-
Name
-
Logo
-
Confirmation number
-
Boarding group & class
-
A barcode
Style Guide
Myrtle Green
#248168
Spanish Gray
#9F9A98
According to Frontier branding.
Design Decisions
I wanted to keep the boarding pass very simple to allow users to find information quickly and easily, so I used white-space to separate different sections of information.
The green ribbon is catered towards information needed for employees.
The whitespace is catered towards passengers in chronological order of airport checkpoints.
I bolded and increased the text of information that is needed from a quick scan. Labels are kept small and minimal to prevent it from being a distraction.
The Re-Designed Boarding Pass
Rounded edges to avoid crushed sharp corners.
Boarding information is in chronological order of checkpoints.
Individual dates for each destination for red-eye flights or layovers over two days.
Placed the barcode at the end of the ticket to expedite the scanning process when boarding.
Extra space for passenger name for those with longer names.
The green ribbon is to contrast the rest of the information so employees know exactly where to look for passenger info.