Banking & Finance

Visit website
au-bank

Overview

AU’s website needed to support a wide and growing range of products with varying complexity, use-cases, and content requirements. The existing experience made it difficult for users to navigate across categories, understand product differences, and make informed decisions.
The redesign focused on simplifying discovery through a scalable information architecture and flexible page templates. Content was restructured into clear, digestible sections for both quick scanning and deeper exploration.
The solution was implemented across 4 primary user segments, 10+ product categories, and 40+ products, creating a consistent and extensible system.
Post-launch, the experience saw improved engagement and conversion. Average session duration increased from 50 seconds to 1 minute 20 seconds, while lead conversion improved from 3% to 7%.

Key takeaways

  1. Scalable architecture supporting 100+ products across categories

  2. Clear communication of product benefits and value through structured, snackable content

  3. Contextual education embedded within journeys to support informed decisions

  4. Interactive tools and experiences to better communicate value of products

01

Scalable architecture supporting 100+ products across categories

Most users visiting the website are looking for a specific product or category, but the breadth of offerings can make navigation complex and overwhelming. To address this, the information architecture was restructured to make product discovery faster, clearer, and scalable across a growing catalogue, with a focus on key KPIs such as navigation efficiency, customer engagement, and scalability for new product launches. A clear IA directly reduces drop-off and time-to-find, ensuring users reach the right product faster, which feeds directly into lead generation and conversion.

Structured the experience to support a wide range of product types, ensuring seamless navigation across the ecosystem, designed to handle both breadth and depth.
A consistent card-based structure was used across product listings, enabling easy comparison and scalability across a wide range of products.
au-bank
au-bank

The information architecture was extended to support journeys beyond discovery, including support experiences.

au-bank
Post-login experiences were integrated into the system, enabling continued engagement within the same scalable structure.

02

Clear communication of product benefits and value through structured, snackable content

Product pages often contain dense information that can be difficult to scan and process, especially for users trying to make quick decisions. Most banks default to bullet-point lists, which do little to communicate product value or build intent. To address this, content was structured to clearly present the value proposition and key benefits, with a focus on KPIs such as lead generation and conversion. The design goal was to show users the value of each product as they scroll, in a way that builds genuine interest and drives lead conversion. This is directly tied to the lift from 3% to 7% conversion observed post-launch.

Product information is structured sequentially, revealing primary, secondary, and tertiary details. This helps users build understanding as they scroll.
au-bank
au-bank
au-bank
au-bank
A consistent structure scales across tiers, with colour creating differentiation while keeping content snackable.
au-bank
au-bank
au-bank
au-bank
Offers are presented in bite-sized, visually distinct cards, enabling users to quickly scan and compare benefits.
au-bank
au-bank

An interactive benefits calculator further simplifies decision-making by allowing users to visualise potential rewards in real time based on their spending patterns.

03

Contextual education embedded within journeys to support informed decisions

Users often need more context, such as use-cases, differences, and guidance, before choosing the right product, but this information is rarely integrated into the browsing experience. To address this, key guidance and supporting information were embedded within the journey to help users better understand products and make informed decisions, increasing trust and reducing drop-off.

au-bank
au-bank
Product listings included visual cues such as colour to help users quickly identify and differentiate premium offerings.
au-bank
au-bank
Contextual information such as features, usage guidance, and comparisons was embedded directly within the journey, reducing the need for external research.
au-bank
au-bank
Supporting information and guidance were embedded within the journey to help users make informed decisions.

04

Interactive tools and experiences to better communicate value of products

Breaking free from the mould of traditional banking experiences, we developed interactive pages that make the experience more intuitive and engaging. These interactions were designed to improve customer engagement and session depth, contributing to the increase in average session duration from 50 seconds to 1 minute 20 seconds, while also supporting convenience and digital adoption. Longer, more engaged sessions give users the time needed to understand product value, making them more likely to convert.

A refreshing take that elevates your average banking experience!
Enhancing user comprehension through animations.
Adding a dynamic touch through animated elements.
Bringing your experience to life with micro-animations.