Back to work

Broker Digital

Designing a market-leading digital experience for ING mortgage brokers.

Duration
February to December 2018
My role
Lead UX designer

Overview

ING mortgage brokers and their support staff currently write 85% of ING's mortgage business each year. Historically, ING has primarily competed on price to grow its mortgages portfolio which is unsustainable in a competitive environment.

ING with its strong customer advocacy (NPS) and broker affinity as a true challenger brand and alternative to the major banks, had an opportunity to successfully shift from a "price led" proposition to an "experience led" proposition by delivering a market leading digital capability, driving greater efficiency and empowerment for the broker and improving the broker and customer experience interacting with ING.

The current digital experience for brokers (via the existing broker website), did not meet the basic broker expectations of a digital bank and was not aligned to the experience offered to customers via the direct website.

"The design of the ING broker portal is so old. It's such a frustrating & uninspiring experience."
Site map of the existing broker portal
Site map of the existing broker portal
Site map of the existing broker portal

The problem

Brokers are generally time poor and constantly seeking ways to increase efficiencies when dealing with lenders enabling them to write more business and provide a better service experience for their customers. Additionally, brokers are always "on the go" and need access to information anywhere, anytime.

ING fell well below market parity with brokers expectations in this space and therefore, beyond pricing considerations, brokers prefer dealing with other lenders who simply make their lives easier.

An example of the poor broker experience was reflected in the loan tracking capability which is critical to a broker in supporting their customer through the mortgage process. Loan tracking was unavailable on the broker website since the introduction of a new system in May 2016. Brokers only option to track deals was either via Back Channel Messages (BCMs) with limited information/access or contacting the Sales Support Unit (SSU) and waiting up to 45 mins to speak to an ING representative. Customer Operations SLAs had blown out up to 20 days in the past, increasing the importance for brokers to know how their loans are progressing.

The goal of the Broker Digital project was to deliver a market leading broker portal that empowered brokers to manage their application pipeline and client portfolio with ING, anywhere, anytime.

"I'm losing business because I can't provide updates to my clients about their ING mortgage applications."

The plan

As the lead UX designer, I was tasked with mapping out the design strategy for the project. I first listed out the tasks that needed to be done, then mapped them to tentative project timelines.

Plan of design activities and timelines for the project
Plan of design activities and timelines for the project
Plan of design activities and timelines for the project
Plan of design activities and timelines for the project

Research

In 2014 an external agency had been hired to conduct research on the broker market. I used this research as a starting point to acquaint myself with the broker space. I walked through the customer journey with stakeholders to see if it still held true, then simplified it into a high level customer journey that was easily digestible.

External research - Customer Journey map for broker mortgage process
External research - Customer Journey map
Simple journey map
Simplified customer journey map

Stakeholder and broker interviews

Next the Product Owner and I arranged interviews with key business and project stakeholders to get a clear understanding of the business outcomes and vision for the broker space. We then arranged interviews with brokers to understand their current process and pain points to develop a deeper understanding of our target users.

Stakeholder interview
Broker interview
Affinity mapping exercise
Design sprint workshop with sticky notes and sketches on wall
Workshop and interview artifacts

Design sprint - Pipeline tracking and password reset

We kicked off the project by holding a design sprint/ideation workshop for the first epic, Pipeline tracking. We invited all the relevant stakeholders and began by running them through the simplified journey to confirm its accuracy. The first day was all about establishing the vision for the project and gaining a common understanding of the current lay of the land.

Workshop in action
Workshop in action
Workshop in action

The second day we got to sketching and voting. We iterated till we settled on a couple of solutions that we could refine and take to testing. I found that the design sprint workshops were a great way to flesh out features as we had all the right people in the one room, saving time from running around to find the right person to answer something.

Solution sketch 1
Solution sketch 2
Solution sketch 3
Solution sketch 4
Solution sketch 5
Solution sketches for Application tracking

I then translated the sketches into a clickable prototype using Sketch and Invision. In preperation for usability testing I started writing the test script and setting up the equipment for testing.

Clickable prototype screens
Clickable prototype screens
Clickable prototype screens
Clickable prototype screens
Prototype screens

Change in scope

In the middle of usability testing we were informed that the scope had changed due to security and technical requirements. We had to incorporate an on-boarding process to allow brokers to register to use the portal. With the proposed architectural solution, a broker needed a Login ID in addition to their existing Broker ID. We identified this as a key design problem, as we predicted there would be confusion around the two numbers as to when to use each one. To figure out solutions we held another design workshop.

Registration flow sketch 1
Registration flow sketch 2
Registration flow sketch 3
Registration flow sketch 4
Registration flow sketch 5
Registration flow sketch 6
Solution sketches for the registration flow

Again, I translated the sketches into wireframes and a clickable prototype. A potential solution to the two number problem was the "Remember me" functionality. By enabling this, the browser would persist the ID at every visit. Another small win we had was the replacement of the numeric keypad for passwords with an alphanumeric password. This allowed password managers to store the login information (we pushed risk and security to get this) making it easier to login.

Login flow sketch 1
Login flow sketch 2
Login flow sketch 3
Login flow sketch 4
Solution sketches for the registration flow

Usability Testing - Round 2

For the next round of testing we wanted to understand what brokers currently go through in registering with a lender, test the new on-boarding process, gauge reaction to having to remember a Login ID for the portal which is separate from their Broker ID and retest the login process and clarity of the proposed portal design with the visual design applied. At this point a user researcher came on board to assist with the testing. We tested with 5 brokers, all from varying backgrounds in age, experience and tech savviness, and we took turns in being the facilitator and notetaker.

Usability testing 1
Usability testing 2
Usability testing 3
Usability testing 4
Usability testing 5
Usability testing 6
Usability testing flow

The general feedback on the entire process was that it was very easy. However, as predicted there was some confusion over the Login ID vs Broker ID. When participants were presented with the Login ID screen they assumed that the Login ID was the same as their Broker ID. When we probed them further on having two numbers the general consensus was "why do I have to remember an extra number when I'm not editing or transacting, but if I have to then it is what it is".

I created a slide pack to share the testing results. Below are excerpts that detail the findings.

Usability testing 1
Usability testing 2
Usability testing 3

MVP release

On August 29 the broker portal was released to a select number of brokers to get some early feedback. Below are some initial reactions to the portal.

"This one is easy to read... looks reliable... can't compare with the current one at all"
"Any idiot will pick this up in about 5 mins, if they don't, you should take their license away"
"Overall 9 out of 10... it's user friendly, logical, got summary and detailed information... potentially a 10 but depends on the quality of the assessor notes"
"Very consistent with the ING banking site... good for brokers who also bank with ING"
Broker portal login screen MVP

Next Case Study

Global Innovation Bootcamp