Fidelity Student Debt

Overview

I spend my time at Fidelity working on complex B2B and B2C problems related to student debt. I was brought onto the Student Debt Direct product to work on modernization efforts. Tasked with the ambiguous goal of improving the overall user experience for the post-enrollment side, I worked with the team to implement a new design system, fix accessibility issues, and simplify the loan management experience.

Type

Product Design

User Experience

User Interface

Visual Design

Year

2024 – 2025

Screenshot of user experience work in figma
Before and after comparison of the main dashboard redesign Before and after comparison of the loan management page
Learning the product

44 million Americans have student debt. Student Debt Direct is a workplace benefit that employers can offer to their employees through Fidelity. It is primarily a retention and hiring incentive where the employer agrees to pay some amount of their employee's student debt every month.

The product requires complicated loan verification and management with cumbersome loan service provider systems. Any hope of automating the verification process has been squashed under the current presidential administration.

One of the first things I did after being brought onto this project was to learn the existing product front-to-back. I worked with the systems analyst to create a miro that maps the entire lifecycle of the product.

UX lifecycles miro board

Partnering with a UX researcher

Next, I partnered with our user experience researcher to run a heuristic study. I even coded the frontend for a reference user interface we would use in this study.

We hosted two two-hour meetings where we took turns interacting with the reference user interface while going through specific scenarios a user would go through in the lifecycle. Then we wrote sticky notes on Miro, talking about things we liked and didn't like, things that seemed to give us problems. We also spoke to a few users from within Fidelity who use this product, asking questions and gaining insights from them.

Miro board alongside Visual Studio Code for reference UI development

Miro board and screenshot from Visual Studio Code

Research finding about loan management confusion

Users aren't clear on loan management

Research finding about communication issues

Communications are problematic

Identifying pain points

Through our research sessions, we identified key friction points in the user experience that were causing confusion and frustration for employees trying to manage their student debt benefits.

Lots of sketching and facilitating discussions

After identifying pain points, I continued discussing with product owners, analysts, developers, and more. Maintaining formal meetings twice a week, I facilitated discussions meant to excavate ideas from all stakeholders involved in this project. By showing off problems with the current product and showing very rough, low-fidelity designs for ideas, everyone involved was able to have a sense of ownership and come forward with ideas.

Zoom meeting with Miro board for collaborative ideation

Discussions on Zoom, using Miro to collaborate on ideas

Hand-drawn sketches and flow diagrams

Sketching, primarily with flow diagrams

Solution: seperating loan management into two flows

One of the most significant solutions we encountered and built was to separate the complicated loan management procedure into two separate flows. We can determine if the user needs to edit a loan and give them one experience. If the problem is more complicated and they need to add a new loan, we can give them a different experience. Additionally, allowing users to add additional loans and see a historical record of their accounts develops trust and ease of swapping in the loan they most want to be paid off first.

Redesigned dashboard with separate edit and add loan actions

New additions to the dashboard include separate actions for editing and adding loans

Edit loan flow wireframes
Add new loan flow wireframes
Moving to a new design system

Fidelity is currently overhauling their design system and working to unify all their products. Component reuse and accessibility are priorities for the business. I am helping to establish consistent patterns, like the way you edit an account, throughout the enterprise experience.

Post-enrollment dashboard with new design system

Updated look for the post-enrollment dashboard

Loan management interface with new design patterns

Updated look and pattern for loan management

Telling the user what's wrong

In the final iterations of the design, we have introduced inline alerts that tell the user when there are problems with their loan. The alerts help users understand what about their current loan is problematic and how they can go about fixing their issue and getting back to receiving payments.

Loan management showing inline alert about payment address issues
Change loan interface with error state handling