British Airways / IAG Loyalty Apps 2019-21

BA Avios

Lead Product Designer Mobile Apps.

Originally just an App for British Airways, after a company restructure the strategy was to make the app 100% Components so that it could be rolled out as a white label app for other airlines within IAG, Iberia, Vueling and Aer Lingus.

This meant a completely new Design System from scratch, with revised:

  • Image Proportions, consistent across screen to allow for easier asset creation, animations and transitions.
  • ‘Material Style’ text input and in-line error handling.
  • Simple use of Colour, to allow for Accessibility, while applying branding from 4 airlines.
  • Consistent vertical alignment and typography (the legacy app used 4 typefaces and 16 different sizes and weights, this needed to be rationalised and was down to 6 weights and sizes).
  • Application of Product Cards both for collecting and redeeming loyalty points, promoting paid affiliates and specific destinations together with cross-selling other products from BA and BA partners.

Design concepts and strategy clearly communicated with both Stakeholders and Developers through dynamic prototypes (advanced in Protopie) and using Zeplin for Developers.

British Airways Loyalty Club App
British Airways Loyalty Club App
Zeplin for Dev Delivery
Zeplin for Dev Delivery

Also revised App Store Optimisation, completely new strategic change in the style and content of the images used to promote the app.

British Airways Avios App
British Airways Loyalty Club Avios App, White Label for Vueling, Iberia & Aer Lingus
User Journey Documentation

User Journey Documentation

New Finance Product for British Airways Loyalty Club, a pre-paid card. Full UX for application and use of the card exclusively through the app.