Modern Mortgages: The Shift to Online Purchasing

Today, Credible users seek to understand their mortgage buying power in a variety of ways. Some begin the application flow with the intention of comparing mortgage rates for a specific property, while others simply browse to assess their buying power before deciding when or where they might purchase a home.

At the time, Credible did not offer guidance in the mortgage buying process. The pre-approval form flow asked users all the required questions to gauge their buying power through assets and income, and personal details were collected to create a dashboard on which users landed once the form was complete. Our analysis revealed that many users became confused and abandoned the dashboard after navigating the lengthy pre-qualification process.

the completed design for credible mortgages

Overview

Background

Credible features a pre-approval form flow—a streamlined process designed for users curious about mortgage options. When visitors arrive on our website, they complete a three-part form covering their current property and housing details, financial assets, and personal information. This data is used to generate a pre-approval number—a best-guess estimate that doesn’t require a hard credit check. The goal is to help users understand their potential buying power and guide them through the home search process.

Once the form is complete, users are directed to a dashboard featuring two key elements: the pre-approved mortgage number and the next actionable step tailored to their needs. There are three primary calls-to-action (CTAs): generate a pre-approval letter, compare mortgage rates, and confirm “my offer was accepted.” Despite the importance of all three actions in enhancing engagement and increasing the likelihood of loan conversion, only 0.1% of users completed the flow that moves them toward receiving a qualified rate. This specific flow is triggered when a user selects a mortgage option they like within the dashboard and applies for a loan through one of our lenders—the official kickoff for borrowing money for a mortgage.

An initial heuristic evaluation allowed us to identify two core issues impacting conversion and overall engagement on the dashboard. First, with no clear distinction between primary and secondary CTAs, users were often unsure of their next step. From a business perspective, each action is critical; yet without context, users struggled to understand where they stood in their journey or how Credible could best assist them. Second, the dashboard did not adequately explain the value and impact of each option, leaving users wondering: why take any action if they don’t fully understand its purpose?

Taking out a mortgage is a life-changing decision—one that can be intimidating to make online. Success in this space isn’t solely measured by loan conversions; it also hinges on guiding users through a complex, human-centered process in a digital environment. First-time buyers, in particular, may prefer in-person support rather than navigating a fully digital process. On the other hand, experienced homeowners might appreciate the convenience of an online system, provided it clearly communicates Credible’s competitive edge over other digital offerings.

Problem

How might we create a more intuitive dashboard that demystifies the mortgage process, helping users understand their options and take decisive action toward loan conversion?
Credible's conversion rates from the initial form touchpoint to final loan conversion were alarmingly low. This prompted us to take a closer look at the process and investigate what users were seeking before deciding where to secure their loan, determining the amount they needed, and identifying the factors that most deterred or confused them during their home buying journey.

Outcome

‍Engagement and conversion increase by creating a dashboard that accommodates users at every stage of the home buying process. Personalized elements on the dashboard display recommended actions based on a user's timeline, which is gathered during the preceding flo
Our MVP empowers users at various stages of their home buying journey while building trust and engagement with Credible. For users who aren’t yet ready to commit to a mortgage or purchase a home, this approach is designed to enhance stickiness—encouraging them to return when they’re ready to move forward.

Objectives and Outcomes

Key Objective

Influence Customer Behavior

Simplifying the design reduces the overwhelm users feel when faced with multiple CTA options. By offering recommended actions based on their inputs, the dashboard guides users through the process instead of leading them to dead ends.

Key Objective

Personalization

The dashboard tailors its content based on the stage users indicate they are in and the level of intent for purchasing a home. We collect this information during the form flow and apply it to personalize the dashboard output.

Goal

Loan Conversion

New dashboard widgets offer transparency by presenting best- and worst-case scenarios with cost affordances based on users’ assets. This educational approach builds confidence and may inspire more users to choose Credible for their mortgage loans.

Goal

Product Engagement

Providing guidance and education on the end-to-end home buying process encourages users to interact with dashboard widgets, helping them better understand and manage their buying power.

KPI

Daily Active Users

We track the total usage of dashboard features and the number of daily unique users within our flow. These metrics inform our insights and lay the foundation for personalized user paths, moving away from a one-size-fits-all funnel.

KPI

Conversion

We measure the number of users who navigate and interact with the pre-qualified rate received stage—indicating those pre-qualified by a lender. This metric differs from our initial conversion funnel because PQRR is more committal, involving a hard credit check compared to the soft credit check used in the pre-approval form.

Research and Insights

The main question through out research was what potential features could solve current user pain points experienced in our flow. We held brainstorming sessions and mapped out task analysis, user journeys, and our current flow to hypothesize what features could solve those pain points. Features were broken up into segments based on where a user might be within their home buying journey.

We learned that some users come to credible to understand their home buying power. They were curious to understand how much money they could be approved for and how that translated to a home. We referred to them as "dreamers" since they expressed their intent was low, and they wouldn't be ready to purchase anything for a few years, but liked to daydream about the potential.

The other group of users came in to compare rates to see which lender offered them the most competitive rates. These users were typically more informed and came in to the process either having been through our competitors flows or planned to go to competitors for comparison post Credible loan retrieval. Some feature ideas were focused on clarifying a home purchase journey or roadmap for users through visuals they could follow along with. This would show them where they are at currently and what steps are involved in order to fully "complete" the process before they can submit their final loan offer. Other feature ideas were based on levers that users could play around with to understand how much money they'd need to afford the house they want, and using data from aggregators to show average home size and details based on that mortgage loan amount.

I conducted 4 research sessions with loan officers to understand how customers ranked levels of importance in the home buying stages and which education pieces were crucial when making process decisions. When talking with return home buyers, we targeted cohorts that had already gone through a home purchase process to gain additional perspective on the difficulties, questions, and needs they had the first time around. We also wanted to understand what an ideal process for their second purchase would look like.

3 unmoderated tests were conducted via usertesting.com with 30 different customers. These unmoderated tests were utilized to hear their initial feedback on pain points within their journey and thoughts on the existing design. We used this method due to privacy laws regarding loan applications and private information within those.

Stakeholder Alignment

We conducted usability tests to observe first-time user interactions with various feature ideas, assessing interest, usability, learnability, and perceived value. The insights we gained helped prioritize features based on users’ immediate needs. Using this feedback, we developed a phased approach for our MVP and future product enhancements, ensuring our foundation aligns with long-term objectives.

After consolidating our research data and insights, I facilitated a brainstorming session with key stakeholders to accelerate decision-making. This collaborative step not only secured stakeholder buy-in but also confirmed our shared belief that engagement and conversion will improve by catering to users at every stage of their home buying journey. We agreed that introducing personalization in our MVP is essential. By creating three distinct dashboard views—tailored to users’ indicated purchase timeframe and current stage—we can offer targeted recommendations and next steps that resonate with each user's unique situation.

Discovery

I implemented a survey on our dashboard page to understand what users wanted to gain from Credible or what their intent was for using Credible's service. The survey ran on the pre-approval dashboard. Users only saw this survey once they completed the form flow. It was live for 30 days reaching a total of 108 users.

  • I want to browse rates (44.4% or 49 users)
  • I want to know how much I can be pre-approved for (22.2% or 24 users)
  • I want to create a pre-approval letter (13.9% or 15 users)
  • I want to shop for mortgage rates (10.2% or 11 users)
  • I am looking for next steps (6.5% or 7 users)
  • I want to find a real estate agent (0.9% or 1 user)
  • Other (0.9% or 1 user)
selectors showing how much money or what % you need to put down in order to see how much home you get for it

Usability tests were performed to witness users' first-time interactions with different feature ideas to gauge, interest, usability, learnability, and perceived value. Three main focus area in testing were:

  • Overview informing users of different down payment effects. How do users rank the importance of viewing different outcomes based on higher or lower down payments with their target purchase price?
  • Inform users of the possibilities: Are users able to better visualize their affordances if offered market data on average home size (sq ft and bedrooms) within their pre-approved amount?
  • Provide budgeting insights: Do users feel the tools offer enough flexibility to test out what-if scenarios based on monetary changes (increase or decrease)? How does this information guide them?

Outcomes

Exploration: Understanding User Scenarios

Our research revealed that users are keen to understand the various outcomes and parameters influencing their home buying decisions. They expect the tools to address scenario-specific questions, enabling them to visualize potential pathways. Notably, 44.4% of users were browsing rates without a strong intent to proceed further, highlighting the need for an exploratory experience that educates and engages.

Relevance: Delivering Contextualized Experiences

Users demand experiences that deliver relevant information and clear pathways aligned with their current stage of the home buying process. They need context-specific education to guide them toward the next best step. Our goal is to ensure that each user's journey feels personalized and directly applicable to their situation.

Budget Constraints: Aligning with Financial Realities

When asked about deal-breakers in their home purchase decision, users consistently cited monthly payments as a primary concern. They are looking for mortgage rates that comfortably fit their budget, yet our current product lacks a detailed monthly cost breakdown. Addressing this gap is critical to helping users make informed decisions and feel confident in their financial commitments.

Finalized UI

previous dashbaord landing design form for users to tell us about their purchase detailsform for users to tell us about their personal detailsupdated designs for dashboard landinga screen showing the different levers for buying a homea screen showing purchase levers with a message about average home size in their area