Approv - UX + Visual Design by Iris LiApprov - UX + Visual Design by Iris Li

Approv - UX + Visual Design

Iris Li

Iris Li

What counts as a project

A project is a discrete piece of professional work the freelancer is showcasing — something with a clear deliverable or outcome they want to demonstrate to potential clients. This includes client work, personal projects, case studies, creative pieces, and other work samples across any discipline.

Approv

UX + Visual Design

Approv is a cross-platform application that allows users to search and compare mortgage interest rates online and get pre-approval quickly.

Project Type

Loan application

Goals

Loan application is a long and tedious process. Our mission is to streamline the process and provide users with a simple, reliable, trustworthy platform.

Empathize & Define

We interviewed some potential users and learned their pain points in the general pre-approval process. Based on the learnings, I created user flows for different tasks.
I worked with developers to define the structure of the features we offered.

Market Research

We looked at some competitors and learned how their products work and their features.

Challenges & Solutions

The interface needs to display a large amount of information. At the same time, it needs to be intuitive and easy to navigate. After assessing technical efforts and business goals, we decided to focus on three aspects:
Create an easy-to-follow process to help users get pre-approval.
Provide relevant market information with dynamic data visualization for users to get more insights.
Embed various ways for users to get the support they needed at any time.

Ideation

In the ideation phase, we tried out different ways for navigation, compared different overall layouts, thought through the pre-approval process, and simplified it.

Design

Designs and prototypes are done in Figma. View prototype

Pre-approval process

We streamlined the pre-approval process with clear step indicators. We decided to use progressive disclosure to reduce cognitive load and simplify the UI.
Pre-Approval 0
Pre-Approval 0
Pre-Approval 1
Pre-Approval 1
Pre-Approval 3
Pre-Approval 3
Pre-Approval 5
Pre-Approval 5
Pre-Approval 6
Pre-Approval 6
Pre-Approval 7
Pre-Approval 7
Pre-Approval 9
Pre-Approval 9
Pre-Approval 10
Pre-Approval 10
Pre-Approval 11
Pre-Approval 11
Pre-Approval 12
Pre-Approval 12

Search rates interaction

We provided an easy way for users to explore different options and save loan scenarios and set up alerts for their saved rates.
Rates 1
Rates 1
Rates 2
Rates 2
Rates 3
Rates 3
Rates 4
Rates 4

Rate trend interaction

We provide an easy way for users to see the connection between rates and closing costs.
Interacting with data on mobile is always challenging. I designed a controller that allows users to operate efficiently with fingers.
Like this project

Posted Jun 5, 2026

Streamlined the mortgage loan application process for an intuitive user experience.