MY ROLE
Product Design, Ideation, Prototyping, UX Research, Analysis.
TIMELINE
2018 – 2024
TOOLS
Figma, Figjam, Sketch, InVision, Miro, Photoshop.
Overview
The booking flow on the Aer Lingus website is responsible for generating 85% of annual business revenue. I designed each step of the Aer Lingus booking flow as individual projects. Below is a summary of the redesigned booking flow stages:
Step 1 – Search details
The booking process begins with the user entering their search details to a search component. To conduct a search, we need to capture the following information:
· Trip type (return/one-way)
· Origin (city/location)
· Destination (city/location)
· Travel dates
· Number of Passengers
· Passenger types (Adults/Children/Infants/Groups)
I designed this ‘search bar’ component in 2018 as the initial step of a new booking flow. The objective of this component is to collect information quickly, allowing passengers to input their preferences and move to the next step. You can take a closer look at the complexities and considerations involved in the design of this component in a separate case study.
Step 2 – Flight Search Results (FSR)
After entering their travel details, users are presented with a list of available flights that match their search criteria. The search results include essential information such as departure and arrival times, flight duration, and prices.
This step of the flow has come through several years of optimisation. Many of the tests we run do not out-perform my original designs, which have proven to be extremely robust over time.
Step 3 – Passenger Information
Once flights are selected, the user is asked to enter personal information for all passengers. This step requires details such as names, contact information, and any special requirements (e.g. special assistance needs). This is a basic form but these form styles were selected by IAG for a group-wide US Contact Tracing form during the pandemic (to be used by British Airways, Iberia, Vueling and Level airlines).
Step 4 – Select Seats
In this step, passengers have the option to choose their preferred seats. Some fare types include seat selection, but for basic fares, choosing a seat involves an additional cost. The seat selection interface displays a representation of the aircraft layout, allowing users to see available seats and any associated costs for premium seating options. This is a complicated page due to the number of different aircraft types in the fleet, business versus economy cabins, defined seat sections, the rules for selecting seats for multiple passengers, traveling with an infant etc.
Step 5 – Add Bags
In this step, users are given the opportunity to add checked baggage to their booking. This step includes a clear breakdown of baggage fees and allowances, helping passengers make informed decisions about their luggage needs. The design of this step aims to minimise confusion around baggage entitlements and ensure passengers understand the costs involved if they need to add baggage at the airport.
Step 6 – Add Travel Extras
Aer Lingus offers a range of travel extras to enhance the passenger experience, such as travel insurance, airport lounge access, and priority boarding.
· Car Hire
· Car Parking
· Heathrow Express (LHR only)
· Fast Track
· Lounge Access
· Meals (paused during COVID)
· Priority Boarding
· Travel Insurance
This step allows presents users with optional extras to add to their booking. The presentation of these options can be personalised based on the route, the fare type, booking history and the customer’s propensity to purchase.
Travel extras information needs to be concise and informative, making it easy for passengers to clearly see the benefits and costs.
Step 7 – Review and Payment
In the payment step, users review a booking summary, which includes the flight details, passenger information, selected seats, added bags, and any travel extras. They then proceed to enter their payment details securely. Aer Lingus supports various payment methods to accommodate different preferences. At this stage the user can also use vouchers, Avios points from our loyalty scheme, Revolut and Apple Pay options, which adds complexity to the page.
Step 8 – Confirmation
The final step provides users with a booking confirmation. This includes a summary of the itinerary, booking reference number, and a link to a ‘Manage Booking’. The confirmation page also offers options for users to print their itinerary or receive it via email. This step aims to reassure passengers that they have successfully concluded their booking and educate them about where they can go to manage their booking in the future.
Results
The Aer Lingus booking flow is designed to be user-friendly and efficient, guiding passengers through each step with clear information and intuitive interfaces. By breaking the booking process into distinct stages, monitoring performance and conducting ongoing testing, we can try to provide the optimal experience for customers.
You can learn more about the individual projects in these case studies ›