Banking Reimagined: Rapid Redesign of Qudos Internet Banking and App

In 2016, Qudos Bank partnered with us to rapidly redesign their outdated internet banking platform and mobile app as part of a brand refresh, delivering a complete solution within just eight months. As UX Lead and team lead, I guided a cross-functional team through a fast-paced, user-centred design process using Agile sprints and the Double Diamond framework. We engaged real users and stakeholders throughout, prioritised features, built interactive prototypes, and ran usability tests. The outcome was a responsive internet banking platform, a hybrid mobile app with key modern features, and a scalable design system, transforming Qudos’s digital experience and setting a strong foundation for future growth.

Year: 2016
Client: Qudos Bank
My Role: UX Lead, Team lead

THE CHALLENGE

As part of their brand refresh, Qudos Bank looked to re-design their current Internet Banking (IB) and mobile App. Their existing IB and app had become outdated, slow, and frustrating for members due to limited functionality and poor usability.

Unlike larger financial institutions that typically invest significant time and resources into digital product redesigns, Qudos required a solution to be delivered in just eight months—a significant challenge.

The project objective was clear: create a new, responsive Internet Banking platform and a hybrid mobile app that would deliver a significantly improved user experience.

THE APPROACH

We utilised HeathWallace’s process of rapid ideation, design, and validation that involved business stakeholders and real users.  A staggered Agile sprint cycle was used to ensure UX, visual design, and development flowed smoothly and was collaborative throughout.  

Double Diamond Process
double-diamond-process

1. Discover

During the discovery phase, our team conducted the following activities:

  • Domain Familiarisation: Gained an understanding of the financial domain and Qudos’s unique needs.
  • Competitor and Landscape Review: Researched best-in-class solutions from competitors.
  • Tech Review: Collaborated with Infosys, Qudos’s tech provider, to understand system opportunities, capabilities, and constraints.
  • User Engagement: Conducted interviews and diary studies with real users to uncover pain points and needs.
  • Stakeholder Engagement: Held workshops to align business goals with user requirements.
discovery wall
We captured insights on a Discovery Phase Wall, enabling easy collaboration and transparency.

2. Define

In this phase, we:

  • Defined and prioritised user stories and requirements based on user needs and business objectives.
  • Estimated the value, impact, and effort for each user story, organising them into three-week sprints.

3. Design

To ensure the project’s success, we kept the client actively engaged through:

  • Co-Design Sessions: Collaborated with Qudos stakeholders to ideate solutions together.
  • Design Walkthroughs and Showcases: Regular presentations to maintain alignment and transparency.
Sprint UX process
Our UX Process – 3 weeks sprints
Design Wall copy
A Design Wall at the client’s office served as a living document for the team, fostering alignment and visibility.
Sketches polished
Sketched user flows and wireframes.
Qudos IB Axure
Built interactive prototypes using Axure for rapid testing.
user testing facilitation room

Conducted usability testing at the client’s location, setting up both a testing room and an observation room for stakeholders to watch live sessions.

User testing observation room
User Testing – observation room
Sprint showcase
We ended every sprint with a showcase presentation to stakeholder – a great way to show all the work done and keep stakeholders engaged.

THE OUTCOME

4. Deliver

In line with Agile principles, front-end developers began coding early, working a sprint behind the UX and design teams to accelerate delivery.

We successfully delivered:

Design System
  • A reusable design system for Qudos’s digital properties, enhancing their brand identity and ensuring consistency across the Internet Banking platform and mobile app.
  • Documentation in Confluence, including a digital style guide.
Qudos - Confluence
Design System in confluence
Responsive Internet Banking Platform
  • A fully featured, user-friendly website with responsive design, making banking accessible across devices.
Qudos Design system front end
Digital Styleguide as part of the Design System
Qudos loan calculator
Live example of responsive page/flow
Hybrid mobile app
  • A hybrid app for Android and iOS, featuring key banking functionalities and native device integrations like biometric security and location-based assistance.
Qudos App
Live example of page/flow for the App

A BIG THANK YOU

Special thanks to the team of Sydney consultants, many new to HeathWallace, who brought this project to life. From project managers to UXers, visual designers, and front-end developers, this talented and collaborative group overcame a massive challenge to deliver exceptional results.

HW consultants team
HeathWallace Sydney team of consultants