Pricing and Editions screenshot with eyetracking heatmap

Home Loan Shopping Tools

Challenge:
Wells Fargo is a global leader in banking customer experience. They came to us for help in designing a forward looking, mobile-first experience for homebuyers to select the right mortgage for their home purchase or refinance.

What we did

Process:

As always, it begins with building an understanding of our users.

1. User Research

We worked with subject matter experts within the line of business to understand the needs and concerns of homebuyers looking at mortgage options. We met with Wells Fargo Home Mortgage Advisors, and talked through what their customers ask about, and what they could be better informed about.

2. Design/Test/Iterate

Next, our team went through a deep ideation process, looking at different areas we could assist the homebuyer, we worked in an agile design system, with two week sprints to rapidly build an extensive clickable prototype, collaborating closely with the client, and rapidly testing and iterating along the way.

3. Design/Build

Working closely with internal development teams, we then took the learnings from the early prototype and refined down to exact designs with detailed functional annotations. This also included design quality assurance, to insure that the final result is as close as possible to our intentions during design.

Results:

The web app is now live, and development continues on additional modules.

website thumbail

Hi-fi Prototyping

I built extensive prototypes in both iRise and Marvelapp. The Marvelapp prototype is linked here.

website thumbail

Complete Web App

We designed and built a complete mobile web experience, which now lives two clicks away from the wellsfargo.com site on your phone.

Drawing of a person walking up a long staircase

Next Steps

The development team continues work on additional modules that we designed.

Want to hire me? Get in touch!

Send me a message here, or look below to find me elsewhere on the tubes.