Qantas-Card-Companion-Hero-Image

Qantas Card Companion

Research / User Testing / UX / UI Design

The Qantas loyalty division noticed the majority of their Qantas Point Earning Credit Card 'QPECC' holders where not optimally gaining or spending Qantas points. They wanted a digital tool which could help educate their cardholders on the ways in which to earn and spend these points.

1.

HOW MIGHT WE

By framing the challenge as a “How Might We” question, we’ll set ourselves up for an innovative solution.

1. How might we allow QPECC members to seamlessly onboard into the Earn Companion experience and increase their confidence through a clear display of relevant information?

2. How might we clearly display rewards in a way that is both motivating and achievable and helps members leave FOMO behind?

3. How might we seamlessly display QPECC Members’ current and possible points in a way that highlights potential - and encourages behavior - to maximise point earnings?

2.

IDEATE on solutions

Multiple sketching sessions helped us gain a shared understanding of the areas we were focusing on.

Ideation-2@2x

3.

Prototyping & tEsting

We developed our areas of focus into working prototypes and did multiple rounds of testing/refinement.

Design Exploration

Multiple rounds of design iteration, testing with users, presenting to stakeholders, branding and marketing teams allowed us to iterate on each component and establish an elevated interpretation of the Qantas digital branding.

Design-Exploration@2x

Scalable Design

Qantas had existing component libraries, however they where fractured and inconsistent. In order for us to do our job correctly we quickly realised we needed to bring everything together into a single source. We started with the base, then added components to the system as we designed them.

Typography-Scale-Desktop@2x
Buttons@2x@2x
Colour@2x@2x
Navigation-Mobile@2x@2x
Footer@2x@2x
Navigation-Desktop@2x@2x
Hero-Panel-Marketing-Landing-Page@2x@2x
Hero-Panel-Default@2x@2x
Earn-Points-Header@2x@2x
Your-Card-Header@2x@2x
Shopping-Offers@2x@2x
Popular-Stores@2x@2x

UI Component Repository

All styles and components were then built into Storybook, a UI Component Repository for the development team. This allowed our team to build out interfaces with speed and consistency.

Bring it all together.


cardcompanion-qantas-home@2x
ardcompanion-qantas-earn-points@2x
screencapture-cardcompanion-qantas-your-cards-2020-04-23-08_27_05
M-Marketing
M-Cards
M-Earn

Motion Design

Throughout the experience, we introduced elements of motion to lift the experience.

Results

We successfully launched Card Companion to the public in February of 2020. With a successful marketing campaign that brought in 10,000 users within the first 2 weeks. 

Ongoing our design system and new design direction was picked up and utilised internally by multiple teams. 

The Card Companion product was always intended to be a stand-alone native app, and this is still the case. The COVID-19 pandemic immediately paused further work on this.