Case Study

FICO Score Planner
Empower users to achieve their credit goals.
Credit insights and personalized plans to help consumers track and achieve their goals.
FICO Score Planner screen

Project Overview

Experian's B2B2C business unit, Experian Partner Solutions, provides financial wellness and identity protection solutions to our partners' users via white-label platform portals, APIs, or custom solutions. We had an opportunity to take a customer from a competitor, but the competitor had one feature we needed to include. We added this feature to our platform to secure the deal.

FICO Score Planner enables individuals to select a FICO Score goal and timeframe to achieve it. The algorithm analyzes an individual’s current score, credit report, and these two inputs to produce a set of actions consumers can take to reach their goal. Because FICO Score Planner is based on a proprietary FICO API and we had similar existing features, this project leaned more toward UI than UX. Still, I found opportunities to enhance the user experience.

The Challenge

On an aggressive timeline, leverage FICO's existing API for a new product that helps users set and achieve a credit score goal while being more engaging than a competitor’s offering.

Sector

Financial Education

launch

May  2023

role

Product Design Lead

Team

Stakeholders
Product Owner
Product Designer Researcher
Tech Product Manager
Developers

Key flow screens

FICO Score Planner dashboard CTA screen mobile
Dashboard Call to Action Card
FICO Score Planner set target score screen mobile
Step 1: Set score goal.
FICO Score Planner select timeline screen mobile
Step 2: Select timeline.
FICO Score Planner goal set screen mobile
Goal set and shown on the score chart.

Exploration and discovery

Competative analysis

Finding opportunities for improvement

A competitive analysis uncovered numerous opportunities for improvement.

Two of the competing products I analyzed used a dragging motion in a novel way that I initially struggled to understand. At least two eliminated user options and selected a time frame for you. I believe it auto-selected the shortest timeframe, which would be the most aggressive plan.

Several of them were very text-heavy and needed more visual interest. When checking your progress, it wasn't easy to ascertain how you were doing at a glance. Some were even completely static after setting an initial score, providing no feedback at all.

Pattern selection

After a library audit, I determined that a modal would be the most consistent pattern for selecting a score and timeframe. We frequently used that paradigm for product setups when we did not want to navigate away from the product page. However, I felt the modal seemed like a lot of interface for a two-step process, so I designed two versions, and we did an A/B test.

We ultimately used the new pattern I designed: a two-step progressive disclosure.

Lastly, in step two, unlike some of our competitors, I displayed all plan options and grayed out any that were unavailable, allowing the user to choose the timeframe.

FICO laptop pattern selection image
FICO visual interest laptop image

Add visual interest

I repurposed our existing score chart with a simple enhancement to add visual interest and enable the user to see their progress at a glance. I added a horizontal line to the chart for the user's target score.

I noticed a design issue in the score chart some time ago and entered a change ticket in the backlog. The designer of the original chart had truncated the score range to save vertical space. Having the full context would significantly improve users' understanding of where their scores fell within the entire range. Since we would be making an edit to the chart, I also took the opportunity to make this improvement.

Make it dynamic

One of the first things I noticed about our competitor's products was that once the user selected a score and plan, the product could be utterly static until the user reached their goal up to a full year later. Adding the chart remedied this, but I decided to go further: I wrote a simple calculation comparing the user's updated score to their current point on the timeline and created encouraging header text reflecting their progress.

FICO Score Planner status message: ExcellentFICO Score Planner status message: So closeFICO Score Planner status message: Don't despairFICO Score Planner status message: CongratulationsFICO Score Planner status message: So close

Results

Star icon
Acquired a partner from a competitor.
User icon
120K unique logins and 19K planner users per day
Save icon
20% of users who interact with the tool save a goal
Notification bell
Users read 39% of notifications.
So for just improving my score as a target goal, this would be really helpful. As someone who declared personal bankruptcy last year, this would be very, very helpful.

Learnings

UX improvements as differentiators

This project underscored the importance of competitive analysis and focusing on minor UX improvements to differentiate your product. It also reinforced several fundamental design principles for me.

  • Some competitors' interfaces were very unique and somewhat confusing.
  • Several also lacked visuals and were largely static. Repurposing an existing chart and adding some dynamic content controlled by simple logic was all it took to set us apart.
  • Another competitor took away user control by eliminating options.
  • My first inclination was to be consistent and use a full-screen modal for input, but I opted to create a new progressive disclosure UI because of the small scale of the content.

Through effective collaboration, strategic decision-making, and incremental UX improvements, we acquired a partner from a competitor.