Walmart Mastercard App cover - three app screens showing rewards balance, instalments, and transactions
UX Case Study, Concept Design

A native app for the Walmart Rewards Mastercard.

Role
UX/UI Designer
Duration
3 Months
Platform
iOS (Mobile)
01
Project Overview

Built for everyday, designed for the app that doesn't exist yet.

The Walmart Rewards Mastercard has no dedicated app - cardholders are missing the basics: push notifications, biometric login, instalment tracking, and a real way to dispute a charge online. This project designs that native app, built around a smarter home screen and streamlined day-to-day flows.

A Walmart Supercentre storefront in Canada
Responsibilities
  • Research - collected complaints from online forums, and ran interviews and surveys with real cardholders.
  • Benchmarking - analyzed 5–6 Canadian banking apps to decide what to borrow and what to leave out.
  • UX - used the MoSCoW method to prioritize scope and structure the project.
  • UI - built the visual system on Walmart's own brand guidelines, with a dedicated component design system.
  • Prototype - a clickable prototype of 100+ screens with micro-interactions.
Target User

Walmart Credit Card and Mastercard holders · Weekly in-store and Walmart.com shoppers · People who carry a balance and watch due dates · Rewards earners who never get around to redeeming what they have.

02
The Problem

What people run into vs. what the app answers with.

There was no app to review, so research started with real complaints across forums and customer service threads. Two root issues kept repeating: the friction of logging into a mobile browser, and how little account data is actually visible once inside.

What people run into
✕
Browser-only access on mobile Every check-in requires a manual browser login with session timeouts, lack of Face ID, and zero push notification support.
✕
No instalment tracking or conversion No clear path to split higher-ticket purchases into monthly payments, leaving users confused about fees and terms.
✕
Static balance snapshot The web preview barely shows real-time statement activity, making older transactions feel unavailable.
✕
Outdated payment forms Payments run through bare web forms lacking autopay scheduling, split payments, or custom amount sliders.
✕
Siloed rewards tracking Points are tracked completely separately from balances and spend, so users rarely remember to redeem what they have.
✕
Opaque declines and disputes Card restrictions and charge disputes require long phone calls with almost no plain-language status updates.
What the app answers with
✓
Dedicated iOS native app Instant Face ID biometric login, proactive due-date push alerts, and a persistent home screen scoped purely to this card.
✓
Transparent purchase-to-plan Directly convert eligible purchases ($100+) into 3, 6, or 12-month plans with transparent monthly dollar terms.
✓
Unified home screen dashboard Available credit, live statement ledger, due date, and credit usage percentage visible immediately above the fold.
✓
Modern payment scheduler Full payment tooling featuring autopay, payment scheduling, and custom partial payments with 1-tap confirmation.
✓
Rewards unified with spending Real-time Spark rewards balance displayed directly on the home ledger and spendable in 1 tap against balances.
✓
Plain-language card controls One-tap in-app card freeze, international transaction switches, and transparent charge dispute logging.
03
Desk Research

What mattered wasn't the complaint - it was what it cost people.

With no official app to audit, desk research examined public sentiment across user forums, app reviews, and community threads. Each issue was weighed by its operational friction and frequency to determine release priority.

Desk research findings, sentiment analysis, and severity audit
04
User Interview

What people said in public, versus what they actually do.

We spoke to Walmart Credit Card holders in two settings: remote sessions with people who use the card weekly, and short intercepts outside a Walmart store, catching shoppers right after they'd paid.

Participants

10 Cardholders

Format

Remote + In-Store

Screening

Used card in last 30 days

Questions asked: How do you check your balance? How do you pay each month? How do you review older transactions? Have you seen unrecognized charges? Can you find your rewards balance? What do you want on the home screen?

What we heard: most people couldn't recall their rewards balance. Everyone started at a browser, and most had the login saved in a password manager. Due dates were tracked outside the product entirely - calendar reminders, or the paper statement. Older transactions felt unavailable, not just hard to find.

05
User Persona

One user carried the project.

Maliyat shops at Walmart most weeks, pays her card from her phone, and earns rewards she rarely gets around to spending. Every design decision was checked against whether it made her weekly check-in faster.

User persona profile for Maliyat Ahmed
06
Design Process, MoSCoW

Everything in Must Have blocks a first release.

With a long list of possible features, we used the MoSCoW method to separate what the app must have from what it could wait for. Everything in Won't Have is a deliberate no for this phase, not an oversight.

Must Have

  • Dedicated mobile app replacing browser-only access
  • Balance and due date on the home screen
  • Full, searchable transaction history
  • In-app transaction disputes
  • Biometric login for quick access

Should Have

  • Flexible instalment terms
  • Notification centre
  • Real-time rewards tracking
  • Push alerts for due dates and declines
  • Autopay and payment scheduling

Could Have

  • Live agent chat inside the app
  • Digital receipt section in transaction details
  • Spending insights by category
  • Personalised Walmart offers and rewards
  • Paperless statement preferences

Won't Have - This Phase

  • In-app card lock and unlock
  • Credit score monitoring and credit-building tools
  • Full Walmart shopping / grocery ordering
  • Broader budgeting and personal finance tools
07
Competitive Analysis

Benchmarked against six real apps, not just the obvious ones.

Six apps benchmarked across retail cards and full banking suites - Capital One, PC Financial, Neo Financial, CIBC, Scotiabank, and Rogers Bank - each reviewed for what works, what doesn't, and what it means for a Walmart-specific card experience.

Competitive analysis table comparing Capital One, PC Financial, Neo Financial, CIBC, Scotiabank, Rogers Bank, and the Walmart proposed app across 8 capabilities
08
User Flow

Six journeys, mapped end to end.

Onboarding runs once and branches on a single question; everything after it is built for a returning user who wants the balance and nothing else. Each of the four core tasks lands on an explicit confirmation - the moment a payment or dispute leaves your hands is the moment people most want to be told what happened.

Full user flow diagram covering onboarding, home, transactions, instalments, rewards, and account settings
Wireframe

Structure, settled before a single brand colour went down.

The question at this stage was only hierarchy: what sits above the fold, how far the balance is from the pay button, and how many taps stand between a transaction and a dispute. Eight screens: Splash, Active Card, Home, Transactions, Transaction Details, Chat, Rewards, More.

Grayscale wireframe component sheet and core mobile screen blueprints
09
Style Guide

Built on Walmart's guidelines, elevated for native mobile fintech.

Color choices follow strict financial readability rules: True Blue commands primary navigation and affirmative actions, Spark Yellow highlights rewards and balance achievements, and Bentonville Blue anchors structure and high-contrast numerical typography.

Walmart Rewards Mastercard color palette and typography system
Walmart Rewards Mastercard UI components and interactive elements
10
Visual Design

A working prototype, not a flat set of frames.

The visual language stays close to Walmart's own - blue for structure and action, yellow reserved for rewards and moments of attention, and clean white space so the balance is never competing with anything.

Home screen with balance, due date, credit used, and quick actions
Transaction detail screen with a full digital receipt and itemized charges
Account controls screen with card security, card freeze toggle, and PIN reset
Card activation screen with camera scanner and Apple Wallet integration
Instalments screen showing purchase to plan calculator and term breakdown
11
Key Takeaways

Four lessons that shaped how we'll build what's next.

01
Designing for a known brand raises the bar

Walmart's identity had to feel present without overwhelming financial UI conventions.

02
Benchmark past the obvious names

Six real apps, not just the market leaders, set a much clearer standard for what "modern" actually means here.

03
Real research makes a speculative concept credible

Grounding this in actual complaints and interviews made the problem framing far stronger than starting from assumptions.

04
MoSCoW makes scope concrete

It turned a long feature wish list into a clear, defensible first release.

Want the fuller, more visually polished version of this case study? View it on Behance →