top of page

Tesco CSM Management System

ENTERPRISE SAAS • PRODUCT DESIGN

Redesigning a complex legacy system to serve 22 million Clubcard users

Overview

I led a major transformation at Tesco, unifying disparate legacy support software into a single platform to improve the experience for Customer Service Managers (CSMs), accelerate task completion, and drive down costs. At the heart of this project was the Reward Partners system, through which Tesco’s 22 million Clubcard users redeem vouchers via partner businesses and services.

Leading a multidisciplinary team of ~30+ including CSMs, business partners, product, fraud, operations, development, and analytics, and mentoring junior designers, we identified pain-points, re-envisioned workflows, and delivered a more seamless experience for users and customers alike.

The Challenge

  • CSMs had to juggle multiple systems, tabs, and statuses.

  • Workflows like order creation, cancellation, and voucher conversion were slow and error-prone.

  • Inconsistent UI and scattered CTAs created cognitive overload.

My Role

  • Led design direction across a multidisciplinary team of ~30.

  • Mentored junior designers and coordinated with business, ops, dev, and analytics.

  • Delivered wireframes, prototypes, and high-fidelity designs, tested directly with CSMs.

The process

Discovery

During this stage we did extensive research. We tested the current solution, had several interviews with users and business partners and coordinated with the API team to understand the capabilities and limitations.

We conducted a comprehensive assessment of the system, identifying essential areas and determining those that fell outside the project scope based on the stakeholders alignment and the data.

Screenshot 2024-04-23 at 23.35.07.png

Define

After our research we identified the main pain points, some of those were:


- Cluttered UI

- Excessive number of CTAs without sufficient context or explanation about why they were enabled or disabled

- Too many fields not needed

- Information scattered in 4 different tabs 

- Too many different coloured CTAs

- Too many statuses causing confusion. The orders contained various rewards, each one of them had a different status and then there was another status per order. All of this caused an overload of CTAs that meant some were enabled, some disabled, causing confusion.

Screenshot 2024-04-24 at 22.29.54.png

- To streamline the process, simplify status updates, and simplify backend operations, the entire team reached a consensus that each order would include one reward per order.

Journeys and functionalities

We broke down the overall experience into smaller, manageable parts, allowing us to tackle each journey individually and ensure comprehensive completion.

​

  • Order search

  • Orders list

  • Order view

  • Cancel Order

  • Resend Order

  • Release Order

  • New Order 

  • Change denomination

  • Order notes

​

Added functionalities

​

  • New Order + Fast Delivery Vouchers

  • New Order + Top up

We pinpointed the exact location of the new solution within the current framework, ensuring seamless integration and alignment with existing functionalities.

Site map Reward partners.png

Ideation

We started with the Cancel order journey which included Order Search, Orders list and Order view. 

Screenshot 2024-04-26 at 17.01.23.png
Screenshot 2024-04-26 at 17.01.43.png

Low fidelity wireframes

Screenshot 2024-04-26 at 23.22.25.png

High fidelity wireframes

In adherence to the established design system and consistent with the overall platform's look and feel, I designed high-fidelity wireframes.

Screenshot 2024-04-26 at 23.31.23.png
Screenshot 2024-04-26 at 23.37.57.png

Prototype & User testing

We created interactive prototypes using Figma. We conducted comprehensive usability testing with CSMs across all pathways to gather valuable insights into user interactions, preferences, and pain points. This iterative process allowed us to refine the design and functionality, ensuring optimal user experience before proceeding with development.

image.png
image.png
image.png
image.png

Key transformations

  • Order simplification - From a multi product order to a single product order simplifying the backend, the UX and the UI. From 4 tabs into one unified screen.

image.png
02 - Order details - Refund selected.png
  • User journey optimisation- All of the journeys became intuitive, although the CSMs normally go through a training process, we wanted to make sure the journeys were easy to use.

  • Operational time reduction- Bringing all the journeys into one platform as well as the simplification, meant the users were able to go through the tasks faster.

  • Alignment with customer side, ability to search for reward by activity or brand

© 2025 by Alejandra Ward UX and UI Designer / London - Xperience Studios LTD

bottom of page