Hi!

Home / Chase UK / Home screen case study

Home / Chase UK / Home screen case study

Home / Chase UK / Case study

Image of the Chase app on an iPhone

Building a new Home for Chase

The challenge

The challenge

JP Morgan's first retail bank outside the US needed a first screen that people could read in two seconds. I led the design of Home and the app's information architecture, from inherited prototype to UK launch.

My role

My role

  • Lead product designer for Home and IA

  • Embedded in a multi-disciplinary delivery squad for Home

  • Working with senior leadership on the IA

Outcomes

Outcomes

Every target metric met or exceeded

4.9

4.9

App Store rating

App Store rating

204k ratings

204k ratings

70+

70+

NPS

NPS

Same band as AirPods

Same band as AirPods

98%

98%

rated their experience good or very good

rated their experience good or very good

Post-launch CX survey

Post-launch CX survey

#1

#1

Ease of use, the most-quoted reason to bank with Chase

Ease of use, the most-quoted reason to bank with Chase

Voice of customer

Voice of customer

  • Over three quarters of customers rated the experience better than they expected

  • Card activation and pay-in funnel conversion targets exceeded

  • Average accounts per customer and first fund event against provisioning date - both on target

  • Banking App of the Year, Moneyfacts 2024

Starting point

The brief

The brief

Ensure customer activation, engagement and multi-product use - on a screen that would have to scale to product lines and markets that did not exist yet.

Ensure customer activation, engagement and multi-product use
-
on a screen that would have to scale to product lines and markets that did not exist yet.

We inherited a functioning app built from functional and product requirements. Leadership's expectation was that the design team would work on look and feel only. Our job was to lead the process for a launch-worthy customer experience and to move the business into a higher state of design maturity.

The app, in 2019, designed by product managers and engineers.

Five structural problems, none of them solvable by just a look and feel uplift:

01

01

No content hierarchy

Everything on the screen competed for the same level of attention.

02

02

Blind copy of the US app

Patterns carried over from a market with different products and habits.

03

03

Information overload

More on the first screen than anyone could process in a habitual check.

04

04

IA can't scale to future products

Structure organised around squads, with nowhere to put the next product.

05

05

Accessibility issues

Contrast, target size and reading order problems throughout.

Strategic approach

Securing senior leadership's backing was crucial due to the highly political nature of the first screen real estate. I collaborated with the Head of Design and Chief Customer Experience Officer, incorporating feedback from the CEO to align our approach with Chase's strategy.

Image of bed sheets

Approach

Start with the customer, not with solutions, to enable long-term growth.

Image of bed sheets

Approach

Start with the customer, not with solutions, to enable long-term growth.

How we'll succeed

"Design the Home screen and IA to achieve the outcomes our customers want based on their priorities, by discovering what's important to them and how they think about their finances, and by creating an environment that allows them to find and do what they need to, effortlessly.

Our key considerations are scalability (product range, segments, markets), ease of use (simplification of finances) and driving product usage and uptake."

Goals for Home

  • Customer-first

  • Easy to use

  • Scalable

KPIs

  • # of Active customers

  • NPS

  • Funnel metrics (card activation, pay in)

  • Ease of use (task success rate, perception rating)

Discovery

We followed the double-diamond design process to ensure we gain a deep understanding of our customers and that our designs provide the right answers to their needs and expectations.


Rather than one big study, we sequenced the work so each round narrowed the next: how people relate to money, how they use banking apps, what they most need to do, and how they expect it all to be organised.

Diary study

Depth interviews

Co-design

Learnings

Why do people open their banking app?

Why do people open their banking app?

Experience goal

Get an easy to digest summary of my current financial position.


Jobs to be done

  • Get a quick overview.

  • See how much money I have.

  • See what's happened and what's coming up.

  • Access secondary tasks with minimum effort.

  • Feel good about banking with Chase.

Solution

Through an iterative process of ideation and testing prototypes with increasing fidelity we arrived to a structure that addressed customers' content needs and priorities.

Image of bed sheets

Collaborative ideation

Image of bed sheets

Gathering customer feedback

New, customer-first structure

A new IA and content structure that represent how customers think and what they want to do.

Visual design

While the new structure resonated with potential customers, the UI /component design created by the Visual Design Lead caused some usability issues.

Traffic light system

The method we used to decide what parts of the CX to iterate on and what parts we're ready to launch with.

Key tasks

We identified and tested the key tasks that were critical for meeting customer goals and business KPIs:

  1. Create an account

  2. Find card details

  3. Find a transaction

  4. Spend from a different account

  5. Balance comprehension

Only one of these tasks tested well enough with our visual design.

Key tasks

We identified and tested the key tasks that were critical for meeting customer goals and business KPIs:

  1. Create an account

  2. Find card details

  3. Find a transaction

  4. Spend from a different account

  5. Balance comprehension

Only one of these tasks tested well enough with our visual design.

Key tasks

We identified and tested the key tasks that were critical for meeting customer goals and business KPIs

  1. Create an account

  2. Find card details

  3. Find a transaction

  4. Spend from a different account

  5. Balance comprehension

Only one of these tasks tested well enough with our visual design.

Visual design ideation

I worked with the visual design team to come up with alternative on-brand solutions to the usability problems.

Finding what works

Three rounds of testing enabled us to find the final direction giving us confidence for a successful launch in the UK.

Results

We met or exceeded all our target metrics and won several awards with the Chase UK app.

Image of bed sheets

Customer metrics

4.9 stars

4.9 stars


Active customers target reached

Image of bed sheets

Customer metrics

4.9 stars


Active customers target reached

Image of bed sheets

Customer metrics

4.9 stars


Active customers target reached

Image of bed sheets

Business metrics

Funnel conversion targets exceeded

Card activation rate, Pay in rate

70+ NPS

Image of bed sheets

Business metrics

Funnel conversion targets exceeded

Card activation rate, Pay in rate

70+ NPS

Image of bed sheets

Business metrics

Funnel conversion targets exceeded

Card activation rate, Pay in rate

70+ NPS

Awards

Thanks for stopping by

๐Ÿ‘‹

ยฉ 2024