Building a user friendly and scalable
banking solution for the future

Eccommerce

Branding

Content Management System

Mobile/web

Design Systems

Building a user friendly and scalable
banking solution for the future

Eccommerce

Branding

Content Management System

Mobile/web

Design Systems

Building a user friendly and scalable
banking solution for the future

Eccommerce

Branding

Content Management System

Mobile/web

Design Systems

Overview

Nedbank’s Re-imagine project focused on redesigning the commercial banking experience through a user-led approach. The aim was to create a scalable digital foundation aligned to the new .CO.ZA site and enabled by a flexible content and design system.

Year: 2020

Role: Senior UX Designer

Client: Nedbank

Industry: Financial Services

Project: Nedbank ReImagine

Agency: Foolproof

Nedbank re-imagine

Nedbank re-imagine

Nedbank re-imagine

This project reimagined how Nedbank delivers digital experiences at scale. By aligning design with a flexible CMS and design system, it moved beyond a once-off redesign toward a more adaptable, future-ready platform.

This project reimagined how Nedbank delivers digital experiences at scale. By aligning design with a flexible CMS and design system, it moved beyond a once-off redesign toward a more adaptable, future-ready platform.

This project reimagined how Nedbank delivers digital experiences at scale. By aligning design with a flexible CMS and design system, it moved beyond a once-off redesign toward a more adaptable, future-ready platform.

The problem

The problem

The existing experience was rigid and difficult to scale, limiting consistency across products and the ability to respond to changing customer needs.

The existing experience was rigid and difficult to scale, limiting consistency across products and the ability to respond to changing customer needs.

The existing experience was rigid and difficult to scale, limiting consistency across products and the ability to respond to changing customer needs.

The solution

The solution

A scalable, design-led experience was created through a flexible content and design system. Starting with Personal Loans and Credit Cards, the approach established a foundation to scale across Nedbank’s broader digital platform.

A scalable, design-led experience was created through a flexible content and design system. Starting with Personal Loans and Credit Cards, the approach established a foundation to scale across Nedbank’s broader digital platform.

A scalable, design-led experience was created through a flexible content and design system. Starting with Personal Loans and Credit Cards, the approach established a foundation to scale across Nedbank’s broader digital platform.

Web links

Features

Key features of the Reimagine project

Card selection Wizard
This intuitive wizard filters options based on a users selection, ensuring the best possible financial solution for the client through personalisation.
Comprehensive calculator
Offering all the necessary terms and details, this feature empowers users to make informed decisions and understand all the terms.
Mobile-Responsive Design
Catering to a diverse customer segment, the design adapts seamlessly across various devices to ensure optimal usability for different customer segments and devices.
Scalable Design System
A robust design system that supports various teams, from content production to design, ensuring consistency and efficiency as the platform grows and more MVP's were developed.

In the fast-evolving financial landscape, a responsive design system, customer-centric interfaces, and a mobile-first approach are key. For financial institutions, these elements are essential to adapt quickly to market demands, delivering dynamic, relevant information and user interactions that meet customer needs in real time.

Nedbank Re-imagine key performance indicators
22%

Increase in lead generation from traffic

38%

Increase in lead generation from call me back

Approach

Working with large product teams, both from the agency and the client, agile methodologies were essential for delivering in a rapid and iterative manner.

Overview

Principally with an agile culture, we focused on collaboration, flexibility, and continuous improvement, creating a responsive and adaptive environment that allowed us to quickly deliver value and meet changing user needs.

Tools

Working closely with stakeholders, product, and engineering teams to ensure solutions meet both user needs and business goals.

Rituals

Daily standups Retro's Design reviews

Competitor Analysis

Understanding what other competitors in similar industries are doing and doing inspiration research for UX best practices

Understanding what other competitors in similar industries are doing and doing inspiration research for UX best practices

User Interviews

Preparing Miro boards, taking notes during interviews, creating interview guides, and facilitating the interview process.

Preparing Miro boards, taking notes during interviews, creating interview guides, and facilitating the interview process.

Synthesis

Once all interviews were completed, our team would begin affinity mapping to group and interpret themes and insights from the research

Once all interviews were completed, our team would begin affinity mapping to group and interpret themes and insights from the research

Information Architecture

Defining the information hierarchy based on key application components and product strategy, creating blueprints for navigation and app sections.

Defining the information hierarchy based on key application components and product strategy, creating blueprints for navigation and app sections.

Wireframes and Wireflows

Creating higher fidelity flows and wireframes, aligning teams, and designed components based on user scenarios and goals.

Creating higher fidelity flows and wireframes, aligning teams, and designed components based on user scenarios and goals.

User Testing

Conducting user testing to validate designs, ensuring they meet user needs and goals.While also doing usability testing to test flows and interactions.

Conducting user testing to validate designs, ensuring they meet user needs and goals.While also doing usability testing to test flows and interactions.

Design Systems

Developing design systems to ensure consistency, scalability, and a cohesive user experience across all platforms.

Developing design systems to ensure consistency, scalability, and a cohesive user experience across all platforms.

UI

Designing intuitive UI elements that enhance user experience and ensure seamless interactions.

Designing intuitive UI elements that enhance user experience and ensure seamless interactions.

Artefacts

Artefacts

Artefacts

During this project, there were various artefacts developed, including research findings, usability testing reports, journey maps, wireframes, and design specification - capturing insights from discovery, problem-solving, and design to guide an optimal user experience.

Feature Image

Customer segments

Customer segments

Customer segments

In banking, there are a range of customer segments that require UX to be designed according to different economic contexts.

Feature Image

Design system and UI

Design system and UI

Design system and UI

Components were developed to address user needs while evolving the brand into a scalable design system.

Information archiecture

Information archiecture

Information archiecture

Research in information technology involved testing with users to define hierarchy through card sorting exercises.

Icon

Card sorting

Icon

Card sorting

Icon

Usability testing

Icon

Moderated testing

Feature Image
Feature Image

Research analysis

Research analysis

Research analysis

Research in information architecture involved testing with users to define hierarchy through card sorting exercises.

BG Image
Feature Image

Usability testing

Usability testing

Usability testing

Hands on usaility was done with clients and insights framed to be consider for improvemenst

Work with a

Lead UX/Product Designer

9:41

What Are My Strengths?

Strategic insights. Scalable solutions

Empathy-led design, delighted users, happy business

Copyright © 2025 Ideaflow Studio. All rights reserved.

Work with a

Lead UX/Product Designer

9:41

What Are My Strengths?

Strategic insights. Scalable solutions

Empathy-led design, delighted users, happy business

Copyright © 2025 Ideaflow Studio. All rights reserved.