BA Inflight: Taking Off

Designing a concept microsite to enhance the inflight experience for British Airways passengers.

Project 3 General Assembly (concept app)
Team: J Mawhinney, Yulka, Myself
Client: British Airways
My role: UX Researcher / UX Designer
Duration: 1 week
Methods: 1–2–1 Interviews, focus group research/testing, Sketch App prototyping, user testing with clickable prototype using Invision app, contextual testing.

The Brief

To recap on my previous article, the brief was to make in-flight services available to passengers on their personal electronic devices.

Currently in-flight services are:

  • Manual

Design Deliverable

A web-hosted application that adheres to the British Airways visual style guide, we therefore designed a high-fidelity prototype that demonstrates the key functionality of the posited web app.

An illustration of how we incorporated the web app into the existing suite of products

How will it help the business

  • Greater levels of customer in-flight satisfaction (increased price elasticity of demand and higher customer satisfaction scores)

The web application is most most sensible option in order to allow all passengers regardless of device to access the inflight services. In addition it does not require a download which was a point of friction in existing airline applications (cited by 27.5% of interviewees surveyed) and does not need to locally host material in the way a native app does. For BA it represents a considerable saving to building out native apps whose design, maintenance and frequent updating (thanks to the dynamic nature of the entertainment and shopping content) is labour intensive).

Objectives / Functions: What the design will actually DO, & how it will function?

Having already completed our survey, user interviews, personas and experience map we were in a good position to judge which features would be necessary for Alexa to be engaged, nay DELIGHTED!

  • Ability to watch movies/TV series

The W’s & H:


Our primary user is a busy professional who flies frequently both for business and leisure.

When: will the interaction occur between user and design?

The responsive web app will be used by British Airways customers prior to their flight to pre-order meals and pre-plan their in-flight entertainment. It can also be used during the flight for accessing entertainment (e.g. movies, destination guide) and the food and drinks menu.

Where: does the interaction occur?

The interaction will occur pre-flight, which can be anywhere (user’s home, office, on the go), at an airport and on board an aircraft.

Why (a few times over):

British Airways customers will use the app because they want to pre-order meals and pay for food/drinks in advance. They can also plan their onboard viewing and download the content 24hours before their flight if they’d like to start viewing on the Gatwick Express or in the airport lounge whilst waiting to board. On the board of an aircraft they will use the app because they can enjoy the entertainment and check out the food and drinks menu.

How: will the design help the user?

British Airways customers will be able to pre-plan their in-flight entertainment by adding movies, TV series, etc to the planner and buy food/drinks via the web app.

Responsive design allows to use the app on any electronic device: laptops, tablets, mobile devices and doesn’t require installing anything.

Alexa is our primary persona as laid out in full in my previous post but a quick recap:

Design studio

From our testing we know that food and drink ordering and pre-planning entertainment will be in our design but if we look back to the results of our research we see that people have 2 primary uses for this app:

  • Plan their experience

Key user research takeaways:

  • Only things that have to do with the user’s flight are relevant, they have other apps to do the rest of their entertainment/shopping tasks. i.e. do not expect them to open an airline app outside of normal touch points

Take a gander at 2 sets of our initial sketches that we timeboxed here:

From here we took an iterative approach to the web apps evolution, from:

1. Rapid paper prototypes

2. Digital wireframes

3. Visual design mockups

Testing was crucial at every stage, you can see how the features shift in location, size, prominence and even, existence!
As you can see we built out a whole lot of screens…

Focussing on the two areas of critical importance:

Inflight Entertainment (IFE):

Food and Drink ordering:


If you want to see how Alexa can pre-plan her journey and use the in-flight entertainment system, and how the app solves the pain points view the prototype demo: HERE!

Next steps

  • Partnership with BBC iPlayer / on demand streaming service users repeatedly expressed a desire to continue watching their favourite series or to catch up on trending ones that they don’t normally get the time to watch. The majority of users surveyed had accounts with BBC iPlayer, whose brand also aligns to that of BA and Netflix. Account features support interrupted session pause & play, tracking of viewing history, recommendations and downloadable content all of which are desired in inflight viewing as they are in at home viewing.

Senior Product Designer at Third Space Learning. Inveterate Nomad, Culture Vulture and Cook.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store