Bread

Problem

Money is a topic that most young adults feel uncomfortable discussing. Jargon like, "bull market," "APR," and "asset allocation" make learning about finance even more confusing. Bread was created to simplify financial literacy for young adults. They needed an easy-to-use website that educates users while also entertaining them.

Solution

Bread is a financial literacy website that makes it fun and interesting to learn about money. It uses a modern and edgy take on finance and investing, making it appealing to younger users. I leveraged internet and meme culture while using meaningful messaging and a sturdy structure to differentiate the brand.

type

School Project

Space

Financial Education

My role

Brand Design
Web Design

Target Audience

People Interested in Personal Finance Ages 18 - 30

Deliverables

Web prototype

Tools

SurveyMonkey
Adobe Photoshop
Figma
Adobe AfterEffects

Timeframe

2021 | 4 weeks

Deliverables

Web Prototype

Tools

Figma
SurveyMonkey
Adobe Photoshop
Adobe AfterEffects

Timeframe

2021 | 4 weeks

Process

How might we create a website that simplifies financial information for young adults while keeping them engaged?

jump to prototype

ideation

User Persona
Wireframes

inspiration

Survey

Implementation

Branding
Final Prototype
Lessons Learned

Inspiration

Survey

I started off this project by conducting a survey with participants between the ages of 18 - 30. 22 people participated and gave me key insights into how a financial website could serve them.

Financial stress

7.05 out of 10 was the average score that people ranked their stress about money.

financial subjects

The top 3 things that respondents wanted to learn more about were investing, taxes, and buying property.

Learning about money

The top 3 sources that people learned about money from were family, friends, and youtube.

ideation

User Persona

Avery Gonzales

The Recent Graduate

Goals

Learn about money in an engaging way
Learn how to get out of debt
Start dipping her toes in investing
Understand how taxes work

Frustrations

Victim-blaming financial advice
Overwhelming websites
Confusing and cryptic jargon
Financial ads from social media influencers

Age: 22
Location: Austin, Texas
Occupation: Teaching Assistant
Income: $30,000 per year
Financial Stress from 0-10: 7.5

Financial Interests

Budgeting

Debt

Taxes

Investing

User Need statement

"I need an approachable website that teaches me about finance and investing"

bio

Avery recently graduated with a B.S. in Education. She really enjoyed college, but now she feels lost in the "real world." During the 2008 financial crisis, her family struggled and it was an impressionable time for her. Now with $20k in student debt, she wants to learn more about money.

Financial Education

Social Media

Family

60%

20%

Friends

Ideation

Creating a sitemap

After I gathered information from the surveys, I organized them into a sitemap. I took key information about gaps in financial understanding and created a sitemap that would make sense for them.

#1b262c

#2c3a42

#fbfeff

#196054

#763c4a

#4a47a3

Implementation

Final Prototype

Implementation

Lessons Learned

Surveys are useful but imperfect

I created a survey and was surprised by how many people felt comfortable enough answering questions anonymously. It allowed me to have a wider reach for data collection, but I was aware of the "participation bias" that might exist.

Prototyping brings insight

After moving to the prototyping phase, I had to tweak how some of the hover effects would work. It would have been a better practice to start prototyping earlier in my design process.

mute colors for darkmode

Darkmode is becoming more popular, but I learned pretty quickly that saturated colors vibrate on dark backgrounds. To make this design easier on the eyes, I desaturated the colors.

Bread

Problem

Solution

type

Space

My role

Target Audience

Deliverables

Tools

Timeframe

Deliverables

Tools

Timeframe

Process

ideation

inspiration

Implementation

Survey

Financial stress

financial subjects

Learning about money

User Persona

Avery Gonzales

Goals

Frustrations

Financial Interests

User Need statement

bio

Financial Education

Creating a sitemap

Wireframes

Branding

Final Prototype

Lessons Learned

Surveys are useful but imperfect

Prototyping brings insight

mute colors for darkmode

More Case Studies

Rhinocéros

Rhinocéros

Sasa

Sasa

Intrmodl

Intrmodl