Portfolio NAB Broker Portal

NAB Broker
Portal

A purposefully designed central touchpoint that empowers brokers to efficiently manage their pipelines, track application SLA response times, and monitor their personal performance.

NAB Broker Portal
Role Experience Designer
Company NAB
Platform Web Application
Users Brokers & Commission Ops
Overview

A single platform built around how brokers actually work

The Challenge

NAB's mortgage brokers were juggling multiple disconnected tools to manage loan applications, keep on top of SLA deadlines, and track their own performance. The fragmented experience created delays, introduced errors, and made it difficult for brokers to provide the responsive, informed service their clients expected.

In parallel, the Commission Ops team was managing broker and aggregator commission inquiries entirely through email and a patchwork of legacy systems — with no structured process, no single source of truth, and no way to efficiently investigate or resolve payment discrepancies at scale.

My Approach

  • 1Stakeholder interviews and contextual research with active NAB mortgage brokers and the Commission Ops team to map current workflows
  • 2Service blueprinting to document the end-to-end Broker Commissions process across submission, pre-run, and post-run stages
  • 3Future state journey mapping to define the redesigned process for both Runs and File Transfer workflows
  • 4Iterative design from low-fidelity flows through mid-fidelity prototypes to high-fidelity screens, with two rounds of usability testing
  • 5Close collaboration with engineering through multiple handover sessions to ensure the design intent was preserved in build

Broker Commission Workbench

The Problem

The Broker Commission Workbench was created to optimise the internal process of resolving brokers' and aggregators' inquiries related to commission payments. Previously, the Commission Ops team relied on email communication and navigating various legacy systems in a time-consuming manner to investigate and address payment discrepancies.

With the new workbench, this cumbersome process is streamlined. It enables the team to swiftly identify the root cause of any issues — providing clear explanations to brokers and aggregators for paid commissions, or in cases of bank errors, accurately calculating and adjusting payment amounts. By centralising and automating these tasks, the Workbench significantly improves efficiency and accuracy in managing commission-related queries.

Discovery & Framing

Following an insightful discussion with the Product Owner and the Commission Ops team, it became evident that the existing process was rooted in legacy practices and lacked clear documentation or rationale. I embarked on a comprehensive investigation to understand the problem space, system constraints, and the pain points experienced by the team.

I facilitated a series of workshops with the Commission Ops team, delving into the intricacies of handling inquiries across various home loan products and loan structures. I also engaged in multiple sessions with system architects who guided me through the interconnectedness of the existing systems — forming the foundation for all subsequent design activities.

Design Process

From legacy chaos to a structured, scalable workflow

Step 01

Workshop Output — Discovery Affinity Map

Discovery workshop affinity map

Output from a series of facilitated workshops with the Commission Ops team. Sticky notes were clustered across swim lanes to surface recurring pain points, system dependencies, and opportunities across the full commission inquiry lifecycle. This artefact formed the evidence base for all subsequent design decisions.

Step 02

Current State Service Blueprint — Broker Commissions

Broker Commissions service blueprint

A comprehensive service blueprint mapping the Broker Commissions process across three stages — Submission and Processing of Loan Application, Pre-run, and Post-run. Rows document Stage, Task, Teams Involved, Touchpoint/Software/Tool, Pain Points, and Opportunity — giving stakeholders a shared, unambiguous view of where the current process broke down and where design could intervene.

Step 03

Project Timeline

Project timeline Gantt chart

Once a comprehensive understanding of the problem space was established, I devised a project timeline and collaborated with different stakeholders to reach agreement on deadlines and delivery milestones. The timeline spans research, iteration, and delivery phases — ensuring all workstreams were visible, sequenced, and aligned across product, design, and engineering.

Step 04

Proposed Future State Journey Maps

Proposed future state journey maps

Two proposed future state journey maps defining the redesigned workflows — one for the Runs process (covering Submission and Processing, Pre-Run, and Post-Run stages) and one for the File Transfer process (covering Awareness of Change through to post-run resolution). These low-fidelity flows were shared with the Product Owner and stakeholders for feedback before progressing to higher fidelities.

Step 05

Mid-Fidelity Wireframes & Prototype Flow

Mid-fidelity wireframe prototype flow

Mid-fidelity screens designed for the approved flow, connected into an interactive prototype for usability testing. Two rounds of testing were conducted — the first with five participants to capture initial feedback, and the second to validate iterations and add finishing touches. Once the flow was finalised and high-fidelity screens were created, multiple handover sessions were facilitated with the development team to ensure a smooth and seamless transfer.

Everything a broker needs, at a glance

NAB Broker Portal dashboard

Designed for the diverse needs of brokers

The broker-facing portal was purposefully designed to cater to brokers at different stages of their day — from scanning urgent to-dos first thing in the morning, to checking SLA guidelines before a client call, to reviewing commission earned and turnaround times at end of day. Tailored notifications surface the most time-sensitive information first, so nothing falls through the cracks.

The Active Applications table gave brokers instant visibility into where each loan sat in the process — with status labels and SLA countdowns removing the need for status-chasing calls. The Insights panel consolidated performance data (commission, application volumes, straight-through processing, and turnaround time) that had previously been scattered across separate reporting tools.

Together, the broker portal and the Commission Workbench addressed both sides of the same problem — giving brokers a clear view of their work, and giving the Ops team the tools to resolve their queries quickly and accurately.

Outcomes

Impact & results

1 Platform
Central Touchpoint
Replaced multiple disconnected tools with a single broker portal covering pipelines, SLAs, and performance
2 Rounds
Usability Testing
Workbench designs validated through two rounds of moderated testing before handoff to engineering
4.4/5
Broker Satisfaction
Satisfaction score from post-launch broker feedback sessions on the portal experience
← Previous Mastercard Click to Pay Next Project → Resimac Asset Finance