Streamloan

outcome.png

Role

Lead UX Designer, Contractor

Skills

UX, UI, Visual Design, Prototyping, Usability testing

Client website

www.streamloan.io

Challenge

Streamloan’s goal is to reduce friction in the mortgage application process by simplifying communication and collaboration between lenders, borrowers, other stakeholders in the mortgage loan industry. The objective of this project was to support this goal by creating a responsive web app for Streamloan’s borrower-facing product, thus expanding the accessibility of Streamloan’s services to a wider user base.

Process

process

To understand the landscape of this project, we mapped out the process of getting a mortgage approved. This diagram helped us to identify Streamloan’s role in the process.

flowchart

From iOS to web

One of the first task during this phase was to understand the architecture of the iOS app.

Wireframes – Mobile

mobile wireframes

Wireframes – Desktop

desktop-wireframes2.png

UI Design

The visual design of the iOS app was also translated to web. As reference and as a good practice, the team used the atomic design methodology to create the design system v1.

atomic design2

Prototyping

Streamloan mobile proto

streamloam_GIF

User Testing

Using a series of usability and comprehension styled questions, we conducted several usability testing sessions. Users ranged in familiarity with the mortgage application process from never applying for a mortgage to applying to several.

See Usability Testing Script

Deliverables

We delivered high fidelity mockups and clickable the prototypes created.

Mobile Screens

Mobile screens

Desktop Screens

Desktop screens