Janice Ducate Portfolio
photo cover.png

Chase Home Lending

UX & Visual Design

For this project I had the opportunity to work with Huge as part of a stellar team, operating closely with the Experience Lead and Visual Designer. Chase was looking to rebrand their Home Lending site. Each of Chase’s products is set up as a microsite, a tempting habit that allows for quick-fix high SEO ranking, but which makes site maintenance and brand consistency across products extremely challenging. We were tasked with ensuring the site had enough of its own identity while continuing to fit within the Chase brand paradigm and global nav structure.

A complete site audit was done, paying special attention to navigational paths, duplicative content and inefficiencies in the taxonomy of pages and content architecture. 

Laptop Hmpg.jpg
Early wires explored primary nav options for the three categories within home lending (options without a persistent nav would utilize breadcrumbs) and hero treatments.

Early wires explored primary nav options for the three categories within home lending (options without a persistent nav would utilize breadcrumbs) and hero treatments.

Wires - hmpg heros-2.jpg
The current site had 3 levels of navigation whose functionality changed depending on the page. Early iterations explored options to clarify and consolidate the nav on interior pages.

The current site had 3 levels of navigation whose functionality changed depending on the page. Early iterations explored options to clarify and consolidate the nav on interior pages.

Wires - Affordability nav.jpg
We created a comprehensive sitemap of their current site, identifying important content buried 4 levels deep as well as other inefficiencies that didn’t lead users to the information they wanted.

We created a comprehensive sitemap of their current site, identifying important content buried 4 levels deep as well as other inefficiencies that didn’t lead users to the information they wanted.

Sitemap.jpg
User Testing Screens

User Testing Screens

User testing Screens.jpg
User Testing Findings

User Testing Findings

Homepage
- wouldn’t bother looking at video
- wants to get to the nuts-and-bolts of it
- interested in rates table
- most interested in seeing: rate, picking financial vehicle (loan type, term)
- too much info on page
- fund in nav doesn’t make sense (thinks it means how to raise money to afford a home)
- blue button: seeing the process is interesting
- would like to see info about process
- clicked on Show Rate and Payment Estimate
- would like to see: you could afford house of this much
- would like to see: here’s what your payment would be if you chose this rate
- today's rates is most beneficial

Estimating Your Budget Page
- a lot to digest, expected
- content makes sense, its nice
- visualization of calculator is nice, inputs make sense
- well within expectation
- seeing the costs as a reminder is helpful, smart
- appreciates nav — can see where they are in the process
- the info they were expecting is further down the page
- seems wordy at first glance
- most valuable: understanding your costs section
- little things like explaining fees is really helpful
- likes the colors, layout, amount of info in affordability calculator
- calculator results should be first, rest of info below

Final Desktop & Mobile Templates

Final Desktop & Mobile Templates

Hmpg 2.jpg
desktop-Hmpg.jpg
Affordability hero.jpg
desktop-Affordability.jpg
Mobile screens-2.jpg
Mobile.jpg