Sallie Mae

Designing a loan repayment app for the top lender serving students and their families.

Designing a loan repayment app for the top student lender.

Context

After seeing a pitch that included a prototype I designed, Sallie Mae selected Stable|Kernel to design and build their first native mobile and watch app. Our task was to create a mobile app that makes the loan repayment process as quick and simple as possible so that borrowers would be less likely to have delinquent accounts.

Goal

A native app that prioritizes getting users through payment completion in seconds.

A native app that prioritizes getting users through payment completion in seconds.

What I worked on

What I contributed

Discovery workshops, user journeys, wireframing, UX and UI design and development handoff.

Designed for

Stable|Kernel

Role

Lead Product Designer

Platforms

iOS

Android

Watch

iOS

Android

Watch

iOS

Android

Watch

Timeline

8 Months

Team

Myself, PM, 3 Devs, Client Stakeholders

Myself, Project Manager, 3 Developers, Client Stakeholders

Discovery

Workshops

We kicked off the project with a two-day workshop alongside Sallie Mae, focusing on users, pain points, and the complexities of student loans. Together, we conducted a deep dive into current site behavior, explored a range of user scenarios and loan states, and collaboratively shaped a focused feature list for our MVP.

We kicked off the project with a two-day workshop alongside Sallie Mae, focusing on users, pain points, and the complexities of student loans. Together, we conducted a deep dive into current site behavior, explored a range of user scenarios and loan states, and collaboratively shaped a focused feature list for our MVP.

Key Insights

  • Many users manage multiple loans, each with different due dates, statuses, and interest rates.

  • The current web-based payment system is confusing and time-consuming to navigate.

  • As a result, some users allow loans to slip into delinquency—potentially due to the system’s lack of clarity and usability.

  • Success means eliminating guesswork and guiding users with a clear, intuitive repayment experience.

Design Process

User Flows

  • Flows included sign up, login, quick pay, pay individual loans, managing account, adding banks, autopay, delinquent and various collection states.


  • Working closely with development and SM, I documented all user flows to ensure we understood all the nuances .

Wireframes

  • Wireframing the app screens ensured we had the proper content and states on the correct screens.


  • I chose to have the default screen show what we called "Quick Pay". Quick Pay totaled all the minimum due balances for all loans and provided one button to make the transaction happen.


  • Internal testing was done to validate our work

Final Design

Style

In creating the final visual design, I opted for a sleek, minimal visual style, blending existing brand identity with simplicity—unifying the interface across all areas for an intuitive user experience.

Quick Pay

A key to simplifying the payment process was to create an infographic that could communicate the total of all minimum payments due and present it as "Quick Pay". The desire was to encourage users to use this function to keep all loans up to date. Users could also swipe to see the breakdown of different loans.

All Loans

If desired, users could view "All Loans" and choose which to pay and what amount.

Activity & Settings

In the "Activity" tab, users could see a list view of all transactions and tap for deeper detail. The settings panel allowed for account management, including adding and deleting payment sources.

Apple Watch

The watch app simplified things even more by allowing only Quick Pay transactions.

Final Design

Style

In creating the final visual design, I opted for a sleek, minimal visual style, blending existing brand identity with simplicity—unifying the interface across all areas for an intuitive user experience.

Quick Pay

A key to simplifying the payment process was to create an infographic that could communicate the total of all minimum payments due and present it as "Quick Pay". The desire was to encourage users to use this function to keep all loans up to date. Users could also swipe to see the breakdown of different loans.

All Loans

If desired, users could view "All Loans" and choose which to pay and what amount.

Activity & Settings

In the "Activity" tab, users could see a list view of all transactions and tap for deeper detail. The settings panel allowed for account management, including adding and deleting payment sources.

Apple Watch

The watch app simplified things even more by allowing only Quick Pay transactions.

Outcome

The mobile application has led to a more than 45% adoption rate by Salle Mae’s loan customers - at the time, a higher adoption rate than the mobile banking industry standard - and has strengthened its brand connection with students and their families. The app has won numerous FinTech, personal banking, and wearables awards.