Loan Base — Broker Platform

Product Design, Design System, Accessibility

Loan Base is an Australian brokering business that guides customers through the entire loan process, with experience in residential and commercial lending.

With me as lead designer, we began Loan Base with workshops and interviews with customers looking for a home loan. The research became design artefacts, validated with customers and used with feature team experts to map each stage of the loan journey.

Loan Base compare shortlist and stamp duty calculator on two laptops
Loan Base search results and the Your Home property view on two phones
Loan Base search and compare on a laptop
Loan Base product
Loan Base product
Loan Base product

Product Design

Discovery sessions with key stakeholders and design thinking identified the needs. After several rounds of ideation, our prototype showed a seamless experience where users stay on the portal to explore, browse and apply for a loan.

Loan Base is responsively designed for a consistent presentation across all devices. My approach is to serve the same content and functionality on every device, so all users get the complete experience.

Loan Base product

Our design for Loan Base has been delivery focused. We worked with product owners, stakeholders and client experience managers on artefacts that got features built and released quickly, from prototype testing and feasibility assessments to information architecture, visual design and user journeys.

As part of agile delivery, I brought inclusive design and accessibility into the Loan Base teams, adding accessibility requirements to the definitions of ready and done.

Loan Base product
Loan Base product

Design System

Once the design was consistent, I persuaded the Program Directors and Sponsors to form a design system team for a single source of truth pattern library. I formed and managed it: 12 local and over 30 offshore, with a core of 3 UI developers, 5 JavaScript developers, 2 UX designers and 2 .NET developers.

The team created 92 patterns/components for desktop and 54 for mobile. Moving from waterfall to agile, we delivered them in quick succession, and trained each feature team’s .NET developers to implement them more rapidly.

The core design system team

JavaScript developers5
UI developers3
UX designers2
.NET developers2
12 local and 30+ offshore.
92

Patterns and components for desktop

54

Patterns and components for mobile

Loan Base product

Accessibility

I implemented an end to end accessibility strategy, embedding initiatives early in design, development and testing to mitigate potential issues. Few accessibility issues were found, and defect numbers kept falling from one release to the next.

Loan Base product
Loan Base product

The result

$100M+

Loans settled in month one

225%

Company growth in year one

76

NPS, up 5.1 a month on average in year one

Jeff and his team are a real pleasure to work with. They are well rounded with a solid understanding of design/user experience best practices as well as diving deep under the hood with superior development capabilities.

JJ

JJ Fiasson

Director (Product Owner), Loan Base