"The paper boarding pass is hard to digest"

 

 
 

 

REDESIGN GOAL

1. Provide more context for the customer in an elegant way

2. Enable user to quickly find their gate, know their zone, flight and leaving time

3. Pass can be scanned to get through security

 4. Indication of the change of departure time or/and gate

 

 

Design for who?

1. PASSENGER

        Date | Flight number | Departure time | Boarding time | ETA | Origin/Destination cities

 Gate | Seat number | Boarding zone | Meal

2. BAGGAGE CHECK-IN

Passenger name | Destination | Flight number | Airline 

3. TSA AGENT

Passenger name | Flight number | Departure time

4. AIRLINE EMPLOYEE

Two-dimensional code | Internal indexing number(optional)

 

 

Concept Doodling

 

 
 

Design Iterations 

 

 

Backgrounds Ideas

 

 

Menu Designs

 

 

Secondary Color Options

 

Scroll-up Designs

 
 

 

Final Design

 

FLIGHT ON TIME

The design gives a natural transfer from paper boarding pass to the mobile version. The header outlines the origin and destination, as well as showing the current flight status

 

SCROLL UP

More information shows up when scrolling. The white area provides information that customer needs before arriving the gate, while the blue presents what they need at the gate

 
 

CHANGE OF GATE

A red alert presents on the header when the gate changes. The new gate number also presents as red instead of black

 

 

DELAY OF FLIGHT

A red alert presents on the header when the flight delays. The boarding and departure time changes accordingly, and presenting as red instead of black

 

 

Change of Departure Time and Gate

 

Users can change the display language in the settings

*Display: Simplified Chinese