Problem

Members could see their score, but not why it changed

Members with scores of 640 or below out of 900 were leaving fastest. They already paid more to borrow, and found it harder to get credit or housing.

  1. Score changes weren’t explained

    “Tell me why my credit fell cause even I don’t know the reason.”

  2. There was no clear next step

    “I don’t see how your app is helping me increase my score other than tell me my credit score.”

  3. Members didn’t know why they were declined

    The records behind it were buried in the report, and Support had to send members on to TransUnion.

  4. We couldn’t bring them back

    Fewer turned on notifications, so we had no way to tell them when something changed.

Opportunity

The brief was to bring them back

Drive retention and engagement in Canada, focused on subprime members with scores of 640 or below, and give us new reasons to reach members by email and push.

What we measured

  • Subprime members returning
  • Churned members reactivated
  • Email and push engagement
  • Discovery and use of the feature

Research

For most members, credit was a black box

Members wanted to improve their credit, but few understood how it worked, younger adults least of all.

73%

of Canadians were trying to improve their credit score

NerdWallet
30%

of Canadians understood their credit score

NerdWallet
25%

of active members used Credit Karma to improve their score

Member survey
Before: the whole credit report on one long phone screen, cut into four. The public records that could get a member declined sat near the end, with no explanation.

Approach

Members didn’t need a bigger report. They needed to know where to look first.

Early concepts added more information to the existing report. Research pointed to something simpler, so I organised Credit Build around three jobs:

At a glance

What changed?

Explain score movement in plain language.

A closer look

What matters?

Bring the highest-impact credit factors to the front.

Take action

What can I do?

Connect each explanation to a useful next step.

That model shaped the hierarchy, the screen flow and the walkthrough below.

A method carried over

A three-second health check, read three ways

The first answer had to land in seconds. On BBC Weather, research showed people read a forecast three ways: the symbol, the number or the words. So every factor card answers all three ways.

BBC Weather

Credit Build

The shipped credit utilisation card, numbered in reading order. 1, twice: the yellow colour bar and the status, Going OK. 2: the number, 43%. 3: the sentence, You’re using 43% of your $7,500 total reported credit limit.
  1. VisualA colour and a status: Needs work, Going OK or Going great.Weather: the symbol
  2. NumberOne measure to track over time: 43% of your limit used.Weather: the temperature
  3. WordsOne plain sentence, with your own figures in bold.Weather: the summary

Design exploration

What I explored before anything shipped

The two things every member sees first, the score header and the factor card, were explored before we built them. Each set below names the designs, then shows the one that shipped and why.

Exploration 1

Score dial header experiments

11 designs, 7 shown

Business problem

Credit Build needed a way in from the home, and room to promote new features, without pushing the score down. The score was the most-used element on the page.

Constraint

The business development slot was the top-performing placement on the home, so it had to stay in the same position.

Removing the dial on mobile web and native freed up space. That space became a second promo slot for Credit Build, the business development slot stayed exactly where it was, and the score stayed first.

Score header experiments

11 designs
Header exploration 1: Band bar under the score.
Band bar
Header exploration 4: “Since joining” change.
Change since joining
Header exploration 6: Gauge on dark green.
Gauge
Shipped
Header exploration 2: Score card on the green header, no dial.
No dial
Header exploration 7: Build / Protect toggle.
Build / Protect toggle
Header exploration 9: Dial card, score top left.
Dial card
Header exploration 10: Full-bleed dark header.
Dark header

Exploration 2

Factor card experiments

12 designs, 7 shown

Business problem

Members stopped coming back because they couldn’t see what mattered. Each card had to show, at a glance, how a factor was doing and how much it counted.

Constraints

Mobile first, so compact: as many cards as possible above the fold. Every state had to work in English and French.

The shipped card grouped the factors by impact and named the status on each, so the legend could go. The colour went down the side because it was the most compact.

Factor card experiments

12 designs
Credit factors on mobile web, V2: a colour bar across the top of each card.
Bar across the top
Credit factors exploration: An overview first: how many factors have lots to do, more to do or keep going, then the factors grouped by status.
Overview first
Credit factors exploration: A two-column grid of tiles, each with a colour bar, a number and a status.
Grid of tiles
Shipped
Credit factors on mobile web, V5: grouped by impact, with the status named on each card.
Grouped by impact
Credit factors exploration: Medium and low impact factors folded away behind Expand.
Medium and low folded away
Credit factors exploration: A compact two-column table: number and status in words, no colour bars.
Compact table
Credit factors exploration: A list with a coloured dot, the status and the impact on one line, and the number on the right.
List with dots

What shipped

From a number to a next step

Credit Build answers the three questions in order: what changed, what matters, then what members can do about it.

What changed? · At a glance

Now the first screen says what changed

Members saw their score move with no reason, so the score and how it has moved come first.

The score card: 850 out of 900, excellent, next update in 7 days.Your credit insights: the score over time, no change since joining, 3 things to do, 50 points to the maximum score.

What matters? · By impact

Now what matters most comes first

Members couldn’t tell which factors mattered, so they’re grouped by impact, each with a status, a number and one plain sentence.

5× more people clicked through to Credit Build

Payment history: needs work, 83%, 4 late or missed payments.Credit utilization: going great, 17% of a $7,500 limit.

What matters? · The detail

Now every factor explains itself, in one place

Members had to search the whole report, so opening a factor shows what’s driving it: the missed payments, the account and what each one means.

64% of those who used it said it helped them understand their score

Your missed payments: Laurentian Bank Visa, 4 missed, last missed payment March 2020.What to know: how 30, 60 and 90 day missed payments affect your score.

What can I do? · Next step

Now every factor ends with a next step

Members didn’t know where to start, so each factor ends with a Karma Pro Tip matched to their situation.

48% of those who found it helpful said they now knew what to do

Karma Pro Tip for payment history: make at least 3 payments on time, with what to do if you can’t pay in full.Karma Pro Tip for credit utilization: great job on using a healthy amount of your available credit.

What can I do? · Offers

Now members can check their chances before they apply

A declined application could cost members points, so hard inquiries point to Approval Odds and offers are matched to their credit.

Marketplace engagement rose 17%

Excellent, you have 1 card offer: very good chances of being approved, with a Check my offers button.Karma Pro Tip on hard inquiries: use your Approval Odds before you apply.

The hard call

We put the worst news at the front

Derogatory marks, such as bankruptcies and court judgments, could decide whether a member was approved for credit, but they were buried in the full report and poorly explained. Members were declined without knowing why, then contacted Credit Karma for answers that sat with TransUnion.

I partnered with Product, Legal and Member Support to agree what we could show, how to explain it and where members should go next. Derogatory marks became their own factor, explained and linked to official help and dispute routes.

We expected more complaints. They fell 40%.

The full credit report on mobile web, shrunk to fit: personal details, every account, closed accounts, collections, then public records, then credit inquiries.
Public records in the full report: a judgment, a bankruptcy and a registered item, each with a filed date.

BeforeTwo-thirds of the way down the full report, below personal details, every account and closed accounts. No explanation and no next step.

Derogatory marks as its own factor: needs work, 2 public records, then a Karma Pro Tip, What are my options?, pointing to official help for dealing with debt.

AfterIts own factor, with the others. The tip says what the options are, links to official help, and leads to a dispute.

Launch

A launch designed to build momentum

Credit Karma had never launched a feature to members, and its emails looked like phishing. With Marketing, I designed the launch to build momentum: sign-ups before release, members moved into the app, a beta for feedback, then one factor at a time as a reason to come back.

The old Credit Karma email: the old logo, a banner reading There’s a fraud alert on your credit report, and a masked figure.

Before

Our emails looked like phishing

Every email used the old brand and read like a fraud alert, so members didn’t trust them. The launch had to look like Credit Karma, and say something useful.

Phase 0 · Awareness

Week of 21 March

Goal: sign-ups before release

Phase 1 · Launch, beta

Early April

Goal: app downloads and feedback

Phase 2 · Education

Late April

Goal: return visits

Members with the appAlready came back more often

Phase 0 · Awareness

Sees “Launching soon” and taps I’m interested.

Phase 1 · Launch, beta

Goes straight to their factors, marked as beta.

Email: Your credit factors are here, with a Check my factors button.
Phase 2 · Education

One factor at a time, a reason to come back.

Email: What is credit usage, with a Check my usage button.

Web-only membersMoved into the app

Phase 0 · Awareness

Gets early access, and is told it’s coming to the app first.

Email: Credit factors are coming, with a Get early access button.
Phase 1 · Launch, beta

Asked to download the app to see their factors.

Email: Your credit factors are here, with a Download app button.
The app upsell
Phase 2 · Education

Now in the app, gets the same emails as app members.

Email: What is your payment history, with a Check my history button.

I defined the MVP: error states were designed but marked “not required for MVP”.

Results

Members found it useful, and the UK copied it

More members came back, complaints fell and members said it helped them understand their score. The UK later adopted the improvements.

200K

extra returning members a month in April and May

40%

fewer complaints about derogatory marks, each one avoided saving around £100

5×

more people clicked through to Credit Build

Complaints

We expected more complaints. They fell by 40%.

Complaints about derogatory marks had been in our top three, around 70k a year. With the worst news now up front, we expected more. Instead they fell by 40%, and each one avoided saved around £100.

Member survey

Members were hungry to understand their reports

We surveyed 1,490 active members after launch. 66% of those trying to improve their score found it helpful. Adding offers didn’t cost revenue: monetisation stayed neutral, and the card offers entry point lifted marketplace engagement by 17% in May.

47%

said improving their score was their most common goal

64%

of those who’d used it said it helped them understand their score

48%

of those who found it helpful said they now knew what to do

Reflection

What I learned

The most important design work was deciding what members needed first. Credit Build worked because it did not treat every piece of credit information equally. It prioritised change, impact and action.

The derogatory-marks work was the strongest lesson. Sometimes the best member experience is not softening difficult information. It is making it visible early enough for someone to do something about it.

Thanks to

Patrick Ross Content Designer and Fadi Dagher Head of Design.