Reimagining Tesco’s Banking Experience:
A UX Redesign for Simplicity & Trust

tesco sacestudy

TIMEFRAME

4 weeks

MY ROLE

UX + UI Design, Visual Design, User Flow, Research, Prototyping + Testing

TOOLS

Figma, FigJam

OBJECTIVE TOOL

Redesigning the Tesco Bank app was an opportunity to introduce modern financial tools while addressing usability challenges. One of the main hurdles was prioritizing essential improvements without redesigning the entire app, focusing only on key flows that needed enhancement. I aimed to bring new features into the app, such as insights into spending habits, budgeting tools, Clubcard integration for earning rewards, and a "Request Money" feature for seamless transactions. Finding the right balance between introducing new functionalities and maintaining a clutter-free experience was challenging. Additionally, ensuring intuitive navigation across these additions, while keeping the existing structure recognizable to users, required thoughtful user research and iterative testing. My approach focused on revitalizing outdated flows, improving accessibility, and aligning the app with market trends, ensuring Tesco Bank remains competitive in the evolving fintech space.

Tesco Image 1 Tesco Image 2 Tesco Image 3

My Design Process

Process Step 1 Process Step 2 Process Step 3 Process Step 4 Process Step 5

Research

To craft an intuitive and seamless Tesco Bank app experience, I conducted user research to uncover pain points, behavioral patterns, and feature expectations. The insights gathered guided my UX decisions, ensuring the redesign addressed real user needs while aligning with modern banking standards.

Primary Research Goals

  1. Identify usability pain points in the current Tesco Bank app that hinder user experience.
  2. Understand user behavior and financial habits to inform the new feature set.
  3. Analyze market-leading banking apps to benchmark best practices and usability trends.
  4. Enhance navigation and information hierarchy for an intuitive user flow.

USER RESEARCH METHODS

To gain qualitative and quantitative insights, I utilized a mixed-method approach

  1. User Interviews – Conducted structured interviews with diverse Tesco Bank users.
  2. Surveys & Customer Reviews – Analyzed common frustrations from App Store/Google Play reviews.
  3. Usability Testing on the Existing App – Identified friction points in the user journey.
  4. Competitive Analysis – Benchmarked Tesco Bank against leading fintech apps.

Key Insights & Solutions

Key Insights

  • Users want budgeting & spending insights
  • Users struggle with Clubcard tracking
  • Users want seamless P2P transactions
  • Small business owners need better financial organization
  • Older users need accessibility improvements

User Challenges

  • No way to track spending inside the app
  • Points are hidden in a separate app
  • No quick way to send/request money
  • Business & personal expenses are mixed
  • Small fonts & complex UI make banking difficult

Design Solutions

  • Added Spending Insights & Budgeting Features
  • Integrated Clubcard points & rewards into the banking app
  • Added “Request Money” & QR code transfers
  • Created Business vs. Personal Toggle & Smart Categorization
  • Introduced Simple Mode, larger text, and voice navigation

USER PERSONA DEVELOPMENT

User Persona 1 User Persona 2

Point of View

  1. Financially conscious individuals need a way to track their spending habits, because without clear insights, they often find themselves overspending or struggling to budget effectively.
  2. Busy professionals need a way to manage their banking and rewards in one place, because switching between multiple apps disrupts their workflow and creates unnecessary friction.
  3. Users who rely on digital transactions need a simple way to send and receive money, because existing processes can feel slow, inconvenient, or unintuitive.
  4. Older users need a more accessible banking experience, because complex navigation and small text make it difficult for them to perform essential tasks confidently.

User Flow

User Flow Diagram

Mid Fidelity Wireframes

Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 5 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 4 Wireframe 3 Wireframe 1 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 2

High Fidelity Wireframes

Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6 Wireframe 6

Usability Testing and Design Validation

This conceptual redesign of Tesco Bank’s mobile app was tested using various usability evaluation methods to assess navigation, readability, accessibility, and interaction efficiency. Since this project focuses on key feature enhancements rather than a complete app flow, the usability testing aimed to validate intuitive interactions, ease of use, and overall design effectiveness.

I conducted remote usability testing with five participants to evaluate how well they could complete essential banking tasks. Additionally, I performed self-led design validation using industry-standard tools and methodologies to ensure readability, accessibility, and UI clarity.

Participants

5 Tesco Bank users with different banking behaviors.

Method

Remote usability testing via Figma prototype link.

Scope

Since the full app flow is not completed, the testing focused on key feature-specific interactions rather than a fully functional journey.

Objective

Evaluate how users interact with the redesigned UI, identify usability challenges, and refine key design decisions.

Usability Evaluation Summary

Testing Method
Tools Used
Purpose
Remote Usability Testing
Figma Prototype
Assess navigation & interaction clarity
Readability & Accessibility Analysis
Stark, Lint, Lighthouse, LinkStark
Ensure contrast, text clarity & WCAG compliance
UI & Interaction Clarity
Tota11y, VoiceOver, NVDA
Validate screen reader & keyboard navigation
Self-Review & A/B Testing
Prototype Click-Through Testing
Compare usability of different font styles & spacing

PARTICIPANTS

5 Tesco Bank users with different banking behaviors.

0%

Method

Remote usability testing via Figma prototype link.

0%

Scope

Since the full app flow is not completed, the testing focused on key feature-specific interactions rather than a fully functional journey.

0%

Objective

Evaluate how users interact with the redesigned UI, identify usability challenges, and refine key design decisions.

0%