Overview

Overview

Overview

Details

Year: 2020

Client: Nedbank

Project: Nedbank ReImagine

Agency: Foolproof

Role: Senior UX Designer

Industry: Financial Services

Activities

Activities

UX Research

Brand

User Journeys

Wireflows

Design Systems

Links

Links

Links

Nedbank Personal loans

Nedbank Credit Cards

Context

Context

Context

The Nedbank Re-imagine project presented an exciting opportunity: redesigning Nedbank’s commercial banking experience taking a user-led approach. The goal was to ensure the solutions were in line with a flexible content management and design system that would not only scale the new Nedbank branding for .COZA but also transform the customer experience. Foolproof an innovative UK Agency was hired to take the project forward.

The Problem

The Problem

The Problem

Nedbank needed to evolve its approach. The challenge was clear: shift from a traditional strategy that was rigid to one that was design-led, data-driven, and adaptable. This transformation aimed to create a scalable user experience, powered by a smart cloud-based content management system and a responsive, mobile-first design system. The solution had to meet both current market demands and future growth.

The Solution

The Solution

The Solution

The solution came in the form of an enhanced customer journey that not only aligned with Nedbank's brand identity but also elevated sales and service interactions. By focusing on a scalable content and design system, the Re-imagine project set out to distinguish Nedbank from its competitors in the financial sector. Since it meant their operations were more closely responsive with the customer experience and shifting needs. We began with two MVPs: Personal Loans and Credit Cards, which were later scaled to include other products and the entire Nedbank public-facing website.

Features

Features

Features

Key features of the Reimagine project

Card selection Wizard
Card selection Wizard

This intuitive wizard filters options based on a users selection, ensuring the best possible financial solution for the client through personalisation.

This intuitive wizard filters options based on a users selection, ensuring the best possible financial solution for the client through personalisation.

Mobile-Responsive Design
Comprehensive calculator
Comprehensive calculator

Catering to a diverse customer segment, the design adapts seamlessly across various devices to ensure optimal usability for different customer segments and devices.

Offering all the necessary terms and details, this feature empowers users to make informed decisions and understand all the terms.

Offering all the necessary terms and details, this feature empowers users to make informed decisions and understand all the terms.

Comprehensive calculator
Mobile-Responsive Design
Mobile-Responsive Design

Offering all the necessary terms and details, this feature empowers users to make informed decisions and understand all the terms.

Catering to a diverse customer segment, the design adapts seamlessly across various devices to ensure optimal usability for different customer segments and devices.

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
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.

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.

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.

Your notes are safely stored and easily accessible from any device.

0%

Increase in lead generation from traffic

0%

Increase in lead generation from traffic

0%

Increase in lead generation from traffic

0%

Increase in lead generation from call me back

0%

Increase in lead generation from call me back

0%

Increase in lead generation from call me back

Approach

Approach

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

Figma, Figma, Miro, Jira, Slack

Figma, Figma, Miro, Jira, Slack

Rituals

Daily standups

Retro's

Design reviews


Daily standups

Retro's

Design reviews


Discovery
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

Design
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.

Usability Testing


IA Development


IA Development


IA Development


Research Analysis


Research Analysis


Research Analysis


Customer Segments


Customer Segments


Customer Segments