Keller Williams

Delivering an innovative and disruptive strategy for the world's largest real-estate company, helping families buy their next home in the context of their wider finances.

Leadership Strategy Design Thinking Research UX/UI Lean UX Identity IA Prototyping
Keller Williams

Buying a home is the biggest financial event in most peoples' lives. Yet the process is often riddled with missed opportunities and poor decisions. By grounding the home search process itself in the context of their wider financial situation, Keller Mortgage helps buyers be informed, empowered and successful.

I led a team of senior researchers and designers through a year-long iterative design process that took Keller Mortgage from inception to a mature, validated platform. Using a 'Lean UX' process, we identified a clear strategy that eschewed industry norms and differentiated Keller Mortgage as a non-aggressive set of best-in-class tools and educational content — something that resonated very strongly with both experienced and first-time home buyers alike.

Research early in our process indicated that the relationships between a buyer and their Agent and Loan Officer (LO) were crucial to a positive outcome: a successful offer, closing, moving-in, and avoiding buyer's remorse.

So we asked:

  • how might we seed and nourish these key relationships?

  • how might we virtualize the best aspects of a great Loan Officer in the UX itself, providing a similar experience of guidance and value for buyers not yet ready to connect in person?

Answers lay in a rich set of design solutions which:

  • broadened buyers' awareness and savviness through delightful interactive tooling, as well as more traditional article and video content;

  • collected information consensually at key moments in a buyer's journey (for example, suggesting topics to speak with a loan officer about, in addition to simply setting a time for a call-back);

  • generated rich back-end lead records and moments of optimal 'warm-handoff'.

kw-i-want-to-menu.png

Getting a mortgage can be overwhelming and intimidating: even navigating a mortgage site can feel like digging through complex, potentially irrelevant content. To alleviate this, we had great success with an "I want to..." navigation structure, which gives a sense of empowerment and personalization — "cutting through the noise".

Most mortgage companies typically serve only a transactional role in providing financing for a buyer to close once they've selected a home. This is a huge missed opportunity, squandering the chance to engage with buyers early in their process and help them consider their goals more holistically.

Given that most buyers tend to index narrowly on interest rate and pre-approval amounts, rather than looking at this complex transaction through the lens of their wider financial situation, they too often experience a string of rejection due to weak offers on unrealistic properties, or face the inability to close, buyer's remorse, and a host of other financial difficulties (moving costs, fees, difficult mortgage burdens, ongoing debt, and so on).

To guide our design problem-solving towards solving this, early on we pivoted our core success metric away from 'lead generation', to, instead, 'qualified leads'. A 'flakey lead' that aborts the process is no good to anyone: but a qualified lead is one who is engaged, invested, clear-minded, and confident in moving ahead. With this metric in place, our design task was about building rich relationships and illuminating lives: helping people achieve the dream of homeownership while, in many cases, dramatically improving their overall finances.

It turned out that, in this case, quality begat quantity. In other words, what is good for buyers is also good for business. "Product-led growth," at significant scale!

kw4.jpg

Almost uniquely in the industry, and certainly at this scale, we prominently featured a 'Total Cost Analysis' tool, allowing buyers to explore various scenarios and answer 'what if?' questions. This also seeded and enriched the relationship between buyer and Agent/LO.

Our prototype-driven research made clear that, initially at least, people like to remain anonymous, and are very wary of being hounded and spammed if they provide any personal information. Given this, user-preference was strongly for a 'sandbox' version of the Total Cost Analysis tool, allowing them to kick the tires and do some basic scenario modelling themselves before speaking with an expert. When asked, they were generally willing to accept a margin of error of up to 30% in this, with the tool still being very highly valued, knowing that an expert would be able to straighten things out when they were ready.

Amazingly, even the MVP version (shown above) — effectively a static 'ad' for the concept, with minimal accordion-based interactivity — proved game-changing in helping prospective buyers transition away from a 'price' mindset (indexing narrowly on interest rates) towards an 'advice' mindset (a broadening awareness of the options, and an appetite for guidance). This transition represents a key milestone in qualified lead-conversion, being both very positive for the buyer's now more-informed path, as well as reflecting very positively on Keller Mortgage as a brand, and setting the Agent and Loan Officer up for collaborative next steps.

kw2.jpg

Visualizing team structure: our research indicated that simple, easily understood diagrammatic representations of the mortgage 'team' structure helped both demystify the roles and responsibilities involved, while also creating a sense of confidence in a 'pod' that 'has your back'.

Beyond our core strategy of helping prospective buyers feel "Informed, empowered, successful" (wording which I came up with during a design critique, but which ultimately became the public facing slogan of Keller Mortgage), we explored design interventions at a more behavioral level, represented by the green lines in the diagram below.

kw5-1693716790.jpg

Mapping flows and buyer modalities, looking for areas to 'intercept and reset' behaviors via innovative UX.

Mapping prospective buyers' typical journeys and segmenting them by behavioral modalities such as 'Help Me Do It' and 'Let Me Do It', 'Experienced' and 'Inexperienced', we were able to identify moments to explore behavioral nudges and ideate around these via a Lean UX process of asking what we needed to learn, sketching what we needed in order to learn it, and then prototyping to evaluate these new design ideas with real users.

kw6.jpg
kw3.jpg

An industry first: affordability and mortgage calculators presented alongside a map of listings, actively filtering it — thus grounding a property search in the context of solid financial understanding, while on the backend also providing a rich lead-record for Agents and Loan Officers.

While user flows were non-linear and widely divergent, reflecting the massive variety of people looking for a mortgage, our design 'interventions' represented a distributed system of parts working collectively to reinforce messaging and provide multiple 'paths' to the same destination.

kw7.jpg

Even a simple contact form became an opportunity to seed and deepen the buyer / Agent / Loan Officer relationship, with suggested topics to discuss, the option to copy the Agent on this, and to personalize with a custom message.

Tooltips on core information provides a progressively-revealed, well-paced means of education; a 'call and response' with the user.

Such an approach is almost diametrically opposed to the more common tendencies of aggressively 'encouraging' a user to 'Sign up!' and 'Apply Now!', coupled with (at best) passive chunks of long-form educational content. While perhaps seeming a subtle difference, in testing sessions with a widely diversified group of participants, such experiential differences were clearly recognized and appreciated.

ArgentPur

Identity Graphic Design CMS Website Photography

Identity and website (design and build, including custom CMS) for an audiophile cable manufacturer.

Coming Soon

ArgentPur

Fidelis Distribution

Website Identity CMS Front-end Code TailwindCSS GSAP

Design and development of website for America's leading importer and distributor of high-end audio equipment.

Coming Soon

Fidelis Distribution

Race: the Power of an Illusion

Identity Website CMS Front-end Code IA UX/UI

An online companion to the award-winning documentary series by California Newsreel.

Coming Soon

Race: the Power of an Illusion

Incite Design Insight

Website UX/UI IA Interaction Design CMS

Online archive of 47 years of Graphic Design work and pedagogy at the Rhode Island School of Design.

Coming Soon

Incite Design Insight

ArgentPur

Identity Graphic Design CMS Website Photography

Identity and website (design and build, including custom CMS) for an audiophile cable manufacturer.

Coming Soon

ArgentPur

Fidelis Distribution

Website Identity CMS Front-end Code TailwindCSS GSAP

Design and development of website for America's leading importer and distributor of high-end audio equipment.

Coming Soon

Fidelis Distribution

Race: the Power of an Illusion

Identity Website CMS Front-end Code IA UX/UI

An online companion to the award-winning documentary series by California Newsreel.

Coming Soon

Race: the Power of an Illusion

Incite Design Insight

Website UX/UI IA Interaction Design CMS

Online archive of 47 years of Graphic Design work and pedagogy at the Rhode Island School of Design.

Coming Soon

Incite Design Insight

Coming soon