Client: Pan Am Airways
Author/Designer: Javier Francisco
Duration : 80 Hours
Background
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. Pan Am wants to make a very strong comeback, and for that they will need a next-level user experience for their core digital flow involving the booking and online check-in of flights.
Goals and Objectives
Design a responsive website (desktop and mobile) that covers the main functionality: search, booking, and online check-in.
Redesign the brand with a more modern feel, keeping the essence of it still alive.
Key Features
Search for flights, including destinations, dates, times, layovers, etc.
Display of promotions or featured fares
Book a flight online
The checkout process
Research
Competitive Analysis
Market Research
User Interview Debrief
Creating a Provisional Persona
Researching about Pan Am’s competitors gave me insight on how different airlines provide a service to their customers. Seeing it all add up, Southwest is doing a solid job on having a user friendly website and mobile device in a fun yet neat manner.
USER INTERVIEW DEBRIEF
INTERACTION DESIGN
User Task Flow
Wireframe for Desktop & Mobile Prototype
Designing a responsive e-commerce website for Pan Am, has given me the chance to understand the industry when booking for a flight to your next destination. I constructed a user friendly booking wireframe based on the brand’s values such as being elegant, playful and aspirational.
User Task Flow
Desktop Lo-Fidelity Wireframe
I had pulled trends from Jetblue and Southwest to let theuser feel that Pan Am is back and is up to date. I wanted to steer in the direction to feel more modern but with a hint of class.
Mobile Lo-Fidelity Wireframe
UI DESIGN
Hi-Fidelity Mobile Prototype
Hi-fidelity Desktop & Mobile wireframes
UI Kit
HI- FIDELITY MOBILE PROTOTYPE
Homepage and Menu
Contents Include
Flights on sale
Pan Am Experience
Pan Am Rewards
Advantages when booking with Pan Am
hamburger Menu
Booking a Flight
Contents Include
Book Option
Booking process
Progession Bar
Seating Chart
Selecting Seat
Itinerary and Checkout
Contents Include
Flight Information
Guest checkout process
Passenger information
Payment information
Billing information
Flight total
Desktop Hi-Fidelity
Mobile Hi-Fidelity
UI KIT
FINAL THOUGHTS
Redesigning a very well-known and beloved brand has given me the opportunity to understand the world of e-commerce airline booking. Even though there are a few more kinks to work out, the end to end process was constructive because there is always room to improve. I had asked myself, what makes a user want to travel in the first place and how can my design simplify their destination decision. Knowing the process and how to do it, it gives me more ideas for items in the future. For example, given that the pandemic is on arise, it is good to properly inform users on where to safely travel and how to be safe accordingly.
“When once you have tasted flight, you will forever walk the earth with your eyes turned skyward, for there you have been, and there you will always long to return.”
– Leonardo DaVinci
Next Steps for Pan Am Airways
With COVID ON THE RISE, Pan am will take procedures on ensuring users to take exra precaution.
-Create preflight notifications page before booking to be aware of safety and regulations.
-Create Pre-boarding electronic Passes to reduce the use of contact