top of page

Link

Connecting Doctors

& Patients

Role: Designer (UX + Visual)

hero.jpg
2webmockup copy 2.jpg

Challenge

Educate new homebuyers by elevating content and redesigning tools on the Chase Home Lending site

Chase Home Lending has the content, tools, and resources to help new home buyers make homebuying decisions but their platform was suffering from declining engagement and the current design left users feeling overwhelmed and confused. 

Working within a small team at HUGE, I was tasked to design the product vision.

User Research

Understanding user needs and exploring through interviews, research, and data

Out of the 60 million customers Chase customers, 30 million of them have mortgages but only 5 million people have mortgages with Chase. That's only 8%. 

Our persona, Kate, was the agreed upon target customer because she was Chase customer and first time homebuyer but did not have a Chase mortgage.

2Artboard 2 copy 2.jpg
2sketch2 copy.jpg

User research allowed us to narrow in on a few key themes for product exploration.

  • How might we make the CHL more customer-oriented?
    The current site focused more on 'product offerings' rather than how Chase's services could help the customer. 
     

  • How might we make the site easier to navigate?
    Customers were overwhelmed and confused by the site architecture.
     

  • How might we empower users with educational content and tools? 
    In order to better serve customer needs, we needed to surface helpful tools like the Mortgage Learning Center, tools and calculators and place them in context with related content.

Redesigning the Affordability Calculator

Market Research: Redesigning the Affordability Calculator

Chase-CalcAnalysis.png

One of the biggest pain points for users was not understanding all the costs involved in buying a home -- which is more than just the mortgage. Chase's Affordability Calculator aimed to assist homebuyers in determining their budget but there were opportunities to improve the tool.

I did a competitor analysis to thoroughly understand the inputs and outputs of calculators across the board to understand the gaps and opportunities to consolidate and improve the tool.

Before: Affordability Calculator

Chase-BeforeCalc.jpg
2Artboard 2 copy 4.jpg

After: Affordability Calculator

2background.jpg
Chase-DataV5.gif

I proposed a visual system to cue when a user's entered info fell within or outside their budget. Scrubbing the lever either increased or decreased the housing price and therefore also the breakdown of the monthly payment.

A a breakdown of all the expenses could be found another level deeper.

Interactive

Chart

Putting all the costs together, step by step

Before: Understanding the Cost of Home Ownership

Chase-Before.jpg

After: Understanding the Cost of Home Ownership

2background.jpg
Chase-InteractiveCalc.gif

I proposed a visual system to cue when a user's entered info fell within or outside their budget. Scrubbing the lever either increased or decreased the housing price and therefore also the breakdown of the monthly payment.

A a breakdown of all the expenses could be found another level deeper.

Interactive

Chart

Putting all the costs together, step by step

Before: Understanding the Cost of Home Ownership

Chase-Debt-Ratio-highlighted.jpg

After: Understanding the Cost of Home Ownership

2background.jpg
DBT-motion.gif

I proposed a visual system to cue when a user's entered info fell within or outside their budget. Scrubbing the lever either increased or decreased the housing price and therefore also the breakdown of the monthly payment.

A a breakdown of all the expenses could be found another level deeper.

bottom of page