UI/UX Design Case Study: NestFinder by NestReady

NestFinder is a product created by NestReady that allows homebuyers to search for a home, and to connect with a real estate agent and loan officer -- all on one platform.

As the only UI/UX designer, I inherited pre-existing designs that included a feature for users to filter search results based on specific home needs such as location, price range, property types, and number of bedrooms and bathrooms.

Screen Shot 2019-09-23 at 3.24.52 PM

The web app allows a user to email the link to their search results and return to it in the future. Below is a snapshot of the user of the URL to where a user can return to their search:

Screen Shot 2019-09-23 at 3.21.16 PM

The Challenge

We didn't have any intention of doing a complete overhaul of the product but there was an annoying popup that would appear when a user tried to navigate away. From a business perspective, the exit-intent popup exists as one final chance to capture a user's email for marketing.

I was asked to solve the following: How might we make the exit-intent popup less intrusive for a new user while also allow NestReady to capture their email?

Screen Shot 2019-09-23 at 2.06.51 PM

Research: Best Practices

The exit-intent popup is one last chance to hook the user so from a business/marketing perspective, so we didn't want to get rid of it entirely.

I researched best practices on how to retain a exit-intent popup while also minimizing the inconvenience to the user. I discovered that we could strike a balance by making the content relevant so that the user has a compelling reason to subscribe.

Design Solution

Personalize the exit-intent popup with engaging content depending on whether the user has engaged with NestFinder's various features:

  • Added favourites
  • Narrowed down property type: apartment/condo, townhouse or single-family home
  • Entered number of desired bedrooms and bathrooms

This would also suggest to the user that NestReady can provide value to them in getting through the stressful experience of buying a new home. The platform could offer relevant solutions tailor to their property needs.

Scenario: User Has Not Interacted with NestFinder's Features

Dashboard Default – No Input Values

Scenario: User Has Interacted with NestFinder's Features

Dashboard Customized – No Input Value

Documentation: Validation

If the user enters a value it should be validated. If they try to proceed without either field valid they should not be able to submit, only dismiss. 

Here are some examples of form validation:

NestFinder – Validation Rule

Alternative Ways to Increase Sign Up Conversion

In the process of coming up for ways to improve the exit-intent popup, we also looked to see what features could be implemented to encourage users to hand over their emails to NestReady.

1. Google Sign In Auto-Detection

If a user is logged into Google on their browser, a dropdown appears to prompt the user to sign in with their Google credentials. Since most visitors are generally logged into Google, a dropdown that partially covers the content would force the user's eyes towards the overlay that beckons the user to create an account with NestReady. Google's registration system is trusted by many for its security. The Google Sign-In for Websites is totally frictionless and best in-class. Examples of other platforms adopting this sign-up method include Medium.

Desktop: Google Sign In Auto-Detection

2. Automatic Overlay on Page 2 of Search Results

  • Overlay shown below is currently manually triggered by the user
  • Change to have the overlay automatically dropdown when the user reaches the second page of search results. This would require removing infinite scroll.
Screen Shot 2019-09-23 at 3.07.41 PM


Epilogue

The designs were passed off to the developers, but in the end the proposed changes weren't implemented. NestReady ultimately decided to do a complete overhaul of NestFinder.

Last updated: October 27, 2019

Selected Works

NestReadyUI/UX Design

Javelin SportsUI Design

FastAppsUI Design

Tours of the 6UI Design

MyINUX Design

The Little PaperUX Design