Lending Stream

Lending Stream

Lending Stream

The application funnel for this fintech company required a complete overhaul.

Lead UX
Lead UX
Lead UX
Lead UI
Lead UI
Lead UI
Design System
Design System
Design System
Loan application UI
Loan application UI
Loan application UI

Research

Users were struggling to comprehend the current complex form as they were frequently skipping questions and then encountering errors. To convert this long form from 4 pages to 19 required some considerable thought to simplify the layout as well as the exact wording of the questions. Working with the compliance and underwriting teams, we trimmed a few questions that weren’t necessary and reorganised the questions’ order to improve the flow.

I removed all distractions and leakages from the funnel by removing branding and complex headers and footers. Used a progress bar to show the user their progress through the application. I introduced Lisa, a digital assistant to bring a human touch which linked to a comprehensive help system on every page. Some questions asked for sensitive information, so the help section was used to reassure the user why we were asking for this personal information as well as explain how the information is used

Research

Users were struggling to comprehend the current complex form as they were frequently skipping questions and then encountering errors. To convert this long form from 4 pages to 19 required some considerable thought to simplify the layout as well as the exact wording of the questions. Working with the compliance and underwriting teams, we trimmed a few questions that weren’t necessary and reorganised the questions’ order to improve the flow.

I removed all distractions and leakages from the funnel by removing branding and complex headers and footers. Used a progress bar to show the user their progress through the application. I introduced Lisa, a digital assistant to bring a human touch which linked to a comprehensive help system on every page. Some questions asked for sensitive information, so the help section was used to reassure the user why we were asking for this personal information as well as explain how the information is used

Research

Users were struggling to comprehend the current complex form as they were frequently skipping questions and then encountering errors. To convert this long form from 4 pages to 19 required some considerable thought to simplify the layout as well as the exact wording of the questions. Working with the compliance and underwriting teams, we trimmed a few questions that weren’t necessary and reorganised the questions’ order to improve the flow.

I removed all distractions and leakages from the funnel by removing branding and complex headers and footers. Used a progress bar to show the user their progress through the application. I introduced Lisa, a digital assistant to bring a human touch which linked to a comprehensive help system on every page. Some questions asked for sensitive information, so the help section was used to reassure the user why we were asking for this personal information as well as explain how the information is used

Question flow with automatic progression to next page
Question flow with automatic progression to next page
Question flow with automatic progression to next page

It's all about the flow

Using a wireframe prototype for a usability test revealed that making a progressive disclosure application form that only asks one question at a time was quite tap-intensive. I overcame this by auto-formatting responses (such as date of birth) and enabling one-tap responses that go to the following question. If data entry was required, the field was automatically focused and the relevant keyboard was available on screen automatically. The addition of a return button enables users to go back and amend their responses, and a summary page displays all of the application form data.

Questions were deferred until later in the application if they were not needed to decide if a user was eligible for a loan. This shortened the pre-approval stage.

Help drawer for each question
Help drawer for each question
Help drawer for each question
Summary modal UI to help users see their application progress
Summary modal UI to help users see their application progress
Summary modal UI to help users see their application progress

Design

I made a new design system that uses a real mobile-first design methodology and hundreds of components and many more variants. All screens were designed for the full gamut of device widths, for every question, and every possible answer that could impact further questions.

I considered both the happy paths as well as introducing new content for the unhappy paths. I felt the experience could be improved, even if the outcome of the decision wasn’t favourable. The designs also provided the user with opportunity to fix faults if they had entered the data incorrectly, which was possible in some circumstances.

Lewis with arms crossed 3D
Lewis with arms crossed 3D
Available July 2024
Available July 2024