Earnest Rebrand and Design System

Earnest Rebrand and Design System

Based on research findings, the Earnest brand felt outdated to consumers. Additionally, the products were overly complex and difficult for users to understand, and the user experience lacked consistency and visual appeal. This compromised the overall experience and negatively affected brand trust.


I spearheaded a complete brand & user transformation, building a comprehensive design system from the ground up that ensured a consistent, scalable, and cohesive experience across platforms. The rebrand was highly successful and helped Earnest strengthen its market position, enabling it to become the leading student loan financing provider in the U.S.

150

Active components added in <1 year

250

Product pages developed using the new design system in <6 months

50

%

Time saved for new product development by leveraging the new design system

150

Active components added in <1 year

250

Product pages developed using the new design system in <6 months

50

%

Time saved for new product development by leveraging the new design system

150

Active components added in <1 year

250

Product pages developed using the new design system in <6 months

50

%

Time saved for new product development by leveraging the new design system

Design Audit

I started off with a comprehensive design audit, printing out everything across all brand touch points and bringing key stakeholders together for a meeting to evaluate further. As a team, we identified what was working and wasn’t working together.

Design Audit

I started off with a comprehensive design audit, printing out everything across all brand touch points and bringing key stakeholders together for a meeting to evaluate further. As a team, we identified what was working and wasn’t working together.

Design Audit

I started off with a comprehensive design audit, printing out everything across all brand touch points and bringing key stakeholders together for a meeting to evaluate further. As a team, we identified what was working and wasn’t working together.

Visual Strategy

Visual Strategy

After the design audit, I collaborated with Earnest’s leadership team, designers, and marketers to ensure we crafted design principles based on company values. After numerous designs and multiple iterations, we made several important design decisions and laid the foundation for the visual strategy.  First, we would abandon tables altogether and make offers feel more palpable to users with a set of sleek, beautifully designed cards. 

We also established that dark backgrounds would be to foster moments of delight and education for users, and light background colors would be for moments where users require focus and clarity. Overall, we wanted to create momentum for users as they go through the long-form journey. 

User Testing

In collaboration with the research team, I tested the new visual design strategy against a few other approaches with dozens of users. The results were highly positive and encouraging. This gave us confidence to start building the new design system.

User Testing

In collaboration with the research team, I tested the new visual design strategy against a few other approaches with dozens of users. The results were highly positive and encouraging. This gave us confidence to start building the new design system.

User Testing

In collaboration with the research team, I tested the new visual design strategy against a few other approaches with dozens of users. The results were highly positive and encouraging. This gave us confidence to start building the new design system.

Color

After exploring color theory to bring a new color that would not only complement but elevate all the other colors, I came up with purple as a primary color, making green the color for interaction and very important information. The rest of the pallete was built around it.

Color

After exploring color theory to bring a new color that would not only complement but elevate all the other colors, I came up with purple as a primary color, making green the color for interaction and very important information. The rest of the pallete was built around it.

Color

After exploring color theory to bring a new color that would not only complement but elevate all the other colors, I came up with purple as a primary color, making green the color for interaction and very important information. The rest of the pallete was built around it.

Grids

Establishing a comprehensive grid system for all breakpoints made design and building all of our products easier.

Grids

Establishing a comprehensive grid system for all breakpoints made design and building all of our products easier.

Grids

Establishing a comprehensive grid system for all breakpoints made design and building all of our products easier.

Design Tokens

As the system evolved, I added new design tokens for typography, colors, spacing, and borders among others. A few examples are featured below.

Design Tokens

As the system evolved, I added new design tokens for typography, colors, spacing, and borders among others. A few examples are featured below.

Design Tokens

As the system evolved, I added new design tokens for typography, colors, spacing, and borders among others. A few examples are featured below.

Iconography

A minimalistic set of icons helped infuse personality while also elevating the most essential information. This just shows the beginning of the hundreds of icons I ended up designing.

Iconography

A minimalistic set of icons helped infuse personality while also elevating the most essential information. This just shows the beginning of the hundreds of icons I ended up designing.

Iconography

A minimalistic set of icons helped infuse personality while also elevating the most essential information. This just shows the beginning of the hundreds of icons I ended up designing.

Illustrations

I directed the creation of a distinct style of illustration that would be key for expressing moments of delight and exploring complex ideas that iconography is unable to achieve.

Illustrations

I directed the creation of a distinct style of illustration that would be key for expressing moments of delight and exploring complex ideas that iconography is unable to achieve.

Illustrations

I directed the creation of a distinct style of illustration that would be key for expressing moments of delight and exploring complex ideas that iconography is unable to achieve.

Components

This is a small collection of what has become an extensive library of over 250 unique components.

Components

This is a small collection of what has become an extensive library of over 250 unique components.

Components

This is a small collection of what has become an extensive library of over 250 unique components.

Data Visualization Components

A key part of my job at Earnest was to transform complex information with easily digestible data visualization components. Documentation section

Data Visualization Components

A key part of my job at Earnest was to transform complex information with easily digestible data visualization components. Documentation section

Data Visualization Components

A key part of my job at Earnest was to transform complex information with easily digestible data visualization components. Documentation section

Documentation

In collaboration with the engineering team and other designers, we created an extensive documentation, making the process of designing and building products using Earnest’s design system very easy and much less complex than it was before.

Documentation

In collaboration with the engineering team and other designers, we created an extensive documentation, making the process of designing and building products using Earnest’s design system very easy and much less complex than it was before.

Documentation

In collaboration with the engineering team and other designers, we created an extensive documentation, making the process of designing and building products using Earnest’s design system very easy and much less complex than it was before.

Raphael Socrates

Lives in New York, NY

email: raphaelsocrates@gmail.com

Logo

Raphael Socrates

Lives in New York, NY

email: raphaelsocrates@gmail.com

Logo

Raphael Socrates

Lives in New York, NY

email: raphaelsocrates@gmail.com

Logo