Overview

Overview

Overview

Details

Details

Details

Year: 2024

Client: Woolworths

Project: Financial Services Loyalty

Agency: MakeReign

Role: Senior Product designer

Industry: Financial Services

Activities

Activities

Activities

Competitor Analysis

Brand Research

Flows

User Journeys

Wireframes

Design Systems

Links

Links

Links

Woolworths Financial Services

This project is still being launched. What are shown here are the conceptual designs.

Context

Context

Context

The Woolworths Financial Services Loyalty Programme aimed to integrate a new loyalty experience within the Woolworths app, allowing users to redeem points at checkout and earn additional rewards. The challenge was to create a seamless and consistent experience while fitting within the broader Woolworths ecosystem.

The Problem

The Problem

The Problem

The key challenges included integrating the loyalty programme smoothly into the existing app, defining features that would align with other sections of the app, and differentiating the programme while adhering to the current design system. Additionally, we had to address user needs, account for technical limitations due to ongoing development by other divisions, and simplify the user journey.

The Solution

The Solution

The Solution

We designed features that directly addressed user needs, such as displaying cashback balances and transaction details. The components were aligned with Woolworths’ existing design system for consistency. We simplified navigation and established a clear feature hierarchy for ease of use. Onboarding tools and informational modals were added to guide new users, ensuring a smooth introduction to the loyalty programme.

Features

Features

Features

Key features of the Woolworths Financial Services project

Integrated with Woolies Ecosystem
Integrated with Woolies Ecosystem

The loyalty programme was integrated into the Woolworths app, allowing users to redeem points at checkout and track rewards, providing a consistent experience within the existing ecosystem.

The loyalty programme was integrated into the Woolworths app, allowing users to redeem points at checkout and track rewards, providing a consistent experience within the existing ecosystem.

Simplified Navigation & User Journey
Simplified Navigation & User Journey
Simplified Navigation & User Journey

The app’s navigation was streamlined, with a clear hierarchy of features, making it easy for users to find and interact with the loyalty programme, enhancing overall usability.

The app’s navigation was streamlined, with a clear hierarchy of features, making it easy for users to find and interact with the loyalty programme, enhancing overall usability.

The app’s navigation was streamlined, with a clear hierarchy of features, making it easy for users to find and interact with the loyalty programme, enhancing overall usability.

Consistent Design System
Consistent Design System
Consistent Design System

We maintained visual cohesion by designing components that aligned with the Woolworths design system, ensuring the new features blended seamlessly with the app’s established look and feel.


We maintained visual cohesion by designing components that aligned with the Woolworths design system, ensuring the new features blended seamlessly with the app’s established look and feel.

We maintained visual cohesion by designing components that aligned with the Woolworths design system, ensuring the new features blended seamlessly with the app’s established look and feel.

Onboarding & Support for New Users
Onboarding & Support for New Users

We incorporated onboarding tools and informational modals to help new users understand how to redeem points and earn rewards, ensuring a smooth introduction to the programme.

We incorporated onboarding tools and informational modals to help new users understand how to redeem points and earn rewards, ensuring a smooth introduction to the programme.

A successful loyalty programme integration focuses on a seamless user experience, design consistency, and ease of use. By aligning with existing systems and simplifying navigation, the programme becomes intuitive, while onboarding support helps new users engage effectively from the start.

A successful loyalty programme integration focuses on a seamless user experience, design consistency, and ease of use. By aligning with existing systems and simplifying navigation, the programme becomes intuitive, while onboarding support helps new users engage effectively from the start.

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

Approach

Approach

Approach

Agile collaboration for client-focused, user-centered solutions.

Overview

Collaborating closely in an agile way with clients to define tailored solutions, ensuring flexibility, rapid iteration, and alignment with user needs. By fostering continuous communication and adaptability, we could deliver scalable, user-centered designs that meet both business objectives and technical requirements.

Tools

Figma, Figjam, Asana, Slack

Figma, Figjam, Asana, Slack

Rituals

Design reviews
Lead Autonomy
Weekly Client checkins


Design reviews
Autonomy

Discovery & Design
Competitor Analysis

Conducting thorough competitor research to identify market trends, uncover opportunities, and ensure the design stands out in the competitive landscape.

Conducting thorough competitor research to identify market trends, uncover opportunities, and ensure the design stands out in the competitive landscape.

Business Workshops

Collaborating with stakeholders to align on business goals, challenges, and strategic priorities, ensuring the design supports the overall business vision.

Collaborating with stakeholders to align on business goals, challenges, and strategic priorities, ensuring the design supports the overall business vision.

Feature Workshops

Facilitating workshops to identify, prioritize, and define key features based on user needs, business objectives, and technical requirements.

Facilitating workshops to identify, prioritize, and define key features based on user needs, business objectives, and technical requirements.

Design System Alignment

Ensuring consistency by aligning designs with an existing design system, streamlining the process, and maintaining visual and functional cohesion.

Ensuring consistency by aligning designs with an existing design system, streamlining the process, and maintaining visual and functional cohesion.

Flows and Wireframes

Mapping user journeys and creating wireframes to visualize the structure and functionality, guiding design decisions for usability and efficiency.

Mapping user journeys and creating wireframes to visualize the structure and functionality, guiding design decisions for usability and efficiency.

UI Design

Crafting intuitive, visually appealing interfaces that enhance user experience, ensuring a seamless interaction within the established design system.

Crafting intuitive, visually appealing interfaces that enhance user experience, ensuring a seamless interaction within the established design system.

Artefacts

Artefacts

Artefacts

During this project, there were various artefacts developed, including feature flows and UI designs, to capture key insights and ensure alignment, guiding development and future iterations

Scenario flows

Scenario flows

Scenario flows

UI options

UI options

UI options