Elphi

Elphi is an early-stage start-up that is taking on the mortgage processing industry head-on. They are building software that aims to simply the loan application process for fix and flip borrowers and lenders.

Thumbnail of landing pages
Year
2019
Responsibilities
Research, Information Architecture, Interaction, Visual design & Testing
Outcome
47% increase in total application completion

Problem

After diving through the old application process, it was clear that Elphi needed a more efficient form to increase their users’ conversion and retention rates.

Only 35% of users finish their application process.

Business goal: Increase conversion and retention rate.

Current State

According to Elphi’s research, the current state of the application is long and arduous. The amount of required information at a glance is overwhelming to the average users. This also contributes to the low conversion and high drop off rates.

Identifying the problem

After conducting multiple user and subject matter expert interviews to find out where the pain points are during the application process, we were able to narrow down the core of the problem.

  • Clutter
    The large amounts of required information is overwhelming for the average users.
  • Redundancy
    There are questions that are repetitive throughout the application process.
  • Privacy
    Users are hesitant to provide private information early on in the process.

The Strategy

  • An Improved Information Architecture
    The primary solution is to optimize the information architecture for optimal efficiency to remove unnecessary clutter. This allows the users to progress through the application easier.
  • Progressive Disclosure
    To solve a problem with complexity, it is important to eliminate unnecessary redundancies and to shorten the overall process and decrease the user's cognitive load. This helps users to stay focused on the primary questions without unnecessary distractions.
  • Ease-in Process
    To increase or maintain retention rate, it was beneficial to not overwhelm the users early on. Having an ease in process offers the users the chance to get in touch with a loan officer before having to provide their private information.

Reorganizing the information

It is evident that the project centers around form optimization. To do just that, we asked a group of users to sort a series of cards in a category, arrange the order, and give them the option to combine any categories. The intention is to take the participants out of the mentality of a mortgage applicant. Through this test, we were able to identify users' preference patterns.

  • All participants preferred sign up or sign in first.
  • Majority of participants combined 3 or more categories together.

Card sort

Validating the data

To validate the data from our card sort, we quickly mocked up a few screens to run 3 separate A/B tests. The objective is to place the participant in the mentality of a mortgage applicant with visuals.

  • Contrary to the data from the card sort. Majority of participants preferred an ease in process before signing up.
  • More than half of participants preferred the grouping of information categories.
AB test 1
AB test 2
Fig. A/B test comparison

Progressive Disclosure

Our next step is to conceal irrelevant information at the users’ first glance. Hiding follow up questions helps to decrease clutter on the limited screen real estate. To do this, new UI components needs to be designed first.

Ideation sketches

We organized the clusters of information by separating and containing them within their own cards. Instead of using small radio buttons, we supplemented them with larger and clearer selection buttons to establish a more prominent visual hierarchy.

Simple design

The objective is to focus the users only on the primary questions unless their answer prompts secondary ones.

Progressive disclosure
Fig. Secondary form fields are hidden until prompted

Perfecting the ease-in flow

User’s initial experience of the application is the most important part of this platform. Our research showed that users disliked the idea of providing their private information early on in the process. The ease-in flow allows the users to answer some preliminary questions and get in touch with a loan officer before providing their private information.

Ease in flow
Fig. Ease-in flow with preliminary questions

The solution

The solution addresses the key pain points such as page clutter, information redundancy, and privacy. We have also included additional features that further increase the platform's overall usability.

Prototype link