British Airways app home-screen

Here’s an update on the British Airways app I’ve been working on for the past year. While there have been many behind the scenes improvements, something I’ve been excited to get out to customers is the new iPhone home-screen using the new British Airways experience language.

Previously the app often had copy sat on semi transparent panels with full bleed images behind. This layered approach worked really well on some images, but on others the information often wasn’t legible and the next best action unclear.
We introduced Mylius Extra Light across the experience and used white space and midight blue to create a clearer experience for every step of a customer’s journey, from signing in, to viewing flights, checking in and boarding. Working on a homescreen that is contextual meant that there are many, many scenarios shown to customers – you can see a handful here. In each, we use the headline to talk to customers in a contextual, conversational way. This new approach supports text scaling throughout and also introduces AA colour contrast accessibility.

Alongside using the updated design system we’ve also been refreshing destination imagery for the top searched and flown routes. The app continues to evolve and we’re hoping to iterate the upcoming flight summary on the homescreen soon – along with pushing the new design system further into user flows.
Credits:
Design: Adam McElligott, Veronica Nobili, Luca Rosean
Engineering: Filippo Minelle
Copy: Sam Antrobus
Product: Lucy Peyton, Sofia Calisto Miranda
Design direction: Tom Lancaster
Design system:DesignStudio with Nikki Barton, J-P Henry, Tom Lancaster

Inspired by this project? Showcase projects you’ve worked on and inspire other people.

Like what you see? Be the first to leave a comment for Tom!

Add comment
Creative director, consultant, designer