PayPal Unified Card Management

Unifying PayPal’s Card Experiences for Scale and Consistency

[ 2019 / Case study ]

Unified Card Management: Project Overview


My Role
At the time, I was Lead Product Designer on PayPal’s Consumer Financial Services team (web and app), designing two new products and leading a major redesign. For the Unified Card System, I managed the UX design and conducted user interviews and validation research.

The Challenge

PayPal’s legacy card products had developed in isolation, resulting in fragmented design, inconsistent interfaces, duplicate work, and higher maintenance costs. This lack of unification spanned card types, platforms (web and mobile), and account types (consumer and merchant), covering the full lifecycle from awareness to ongoing management.

This case study focuses on unifying the servicing and management experiences across all card offerings.

Old UI: Visual inconsistencies and a lack of a coherent experience

Our Goals

  • Design consistent, flexible, and scalable experiences across all card products, supporting the needs of multiple products, stakeholders, and markets—both current and future.
  • Update the UI to align with PayPal’s modern design standards and quality guidelines.
  • Introduce new servicing features based on market research and the voice of the customer, including: lock card, copy card number, and automatic top-up for debit cards.

How We Determined Success

  • Customers experience consistent and seamless interactions across all cards, resulting in decreased time on task and overall customer satisfaction.
  • New features and improvements can be launched simultaneously across all cards and markets.
  • Speed to market is improved overall, enabling PayPal to offer card products globally, efficiently.

Project Scope: An End-to-End Cycle

Given the complexity of this initiative, we approached the project from a full end-to-end user experience perspective. The effort spanned multiple card products across consumer and merchant accounts, on both web and mobile platforms, requiring us to identify commonalities and differences in user flows.

Below are excepts of the PP Cash Card user story, covering the entire lifecycle—from awareness and enrollment to activation and ongoing servicing, all the way through account closure.

User journey analysis and screen audit

Focus Area for This Case Study

This case study focuses on the mobile experience for the PP Cash Card, highlighting card management organization and UI, the copy card number feature, and the lock card feature. Both web and mobile frames are shown to illustrate design consistency and functional alignment across platforms.

Discovery and research

Discovery and Problem Analysis

The project kicked off with a cross-functional alignment on scope, process, timelines, and sprints. We gathered insights and requirements from consumer, merchant, and customer service teams, analyzed a year of card product metrics with our data analyst, and conducted a competitive feature review. These efforts informed user journey consolidation and hypotheses for a unified, scalable card servicing experience.

Research strategy:

Our goal was to understand what worked across the board in card management and uncover opportunities for clarity and efficiency. We used a mixed-methods research approach that included:

  • Content audit and organization through in-lab card sorting
  • Unmoderated task testing to establish baselines
  • In-lab qualitative research sessions for deeper behavioral insight
  • Validation testing with iterative prototypes
  • Four in-lab sessions across North America
  • One final unmoderated round to test new features at scale

Card Management Information Architecture & Feature Organization

Closed Card Sorting and Brainstorming

To establish a scalable information architecture, I led a collaborative brainstorm with stakeholders from multiple teams to audit existing and future features, define flexible groupings, and align on labeling strategies.

We then conducted closed card sorting with customers in the lab to validate our hypotheses around organization and mental models.

User Testing: Iterating Toward the Solution

First Approach

Early prototypes prioritized simplicity—surfacing minimal information to reduce cognitive load and support scalability.
 Settings were grouped into a single “Card Details” section, while Lock Card and Copy Card Number were tested for discoverability.

Feedback revealed key issues:

  • Too many taps and disjointed flow
  • Poor discoverability for Lock Card and Copy Card Number
  • Confusion around Automatic Top Up (balance vs. card)
  • Accessibility and security concerns in card detail exposure

This direction didn’t hold up—so we pivoted.

Next Iteration

Informed by user feedback, I refined the layout to surface key settings directly on the landing page while nesting detailed views.

Adjustments including:

  • Improved typography and grouping for scanability
  • Clearer content for Automatic Top Up comprehension
  • A complete redesign of the Copy Card Number interaction
  • Continued emphasis on Lock Card based on strong user interest

Testing showed major improvements in navigation efficiency and comprehension, though grouping and prioritization still needed refinement.

Arriving at the Solution

The final design surfaced essential information upfront with clear, logical grouping. Enhanced typography and iconography made the layout more scannable and accessible.For card details, an accordion pattern provided both security and ease of access without navigating away.
 Balance and spending limits were aligned with the card for visibility but visually downplayed to avoid overemphasis.

Results:

  • Users completed tasks faster with minimal effort
  • Clear feature hierarchy improved comprehension
  • Grouping validation confirmed scalability across markets

One crucial insight: users seeking top-up features benefited from higher placement, while Lock Card and PIN management performed well even when lower on the page—confirming grouping success and user prioritization.

Feature Details

Evolution of entry points

In addition to the order and architecture of the features, improvements were made to the UI that greatly enhanced the experience. As mentioned before, one of the changes that improved comprehension was grouping the features. Improvements were made in typography and content for hierarchy and comprehension. Changing the color of the icons to blue also improved compression and modernized the designs.

Evolution of Copy Card Number

This feature emerged from early brainstorms, market analysis, and user data showing customers manually entering card details for merchants lacking PayPal checkout.

Our goal: empower users to pay anywhere while keeping security and accessibility intact.

Using the accordion pattern, sensitive details remained hidden until intentionally revealed. Testing showed strong enthusiasm—users appreciated the control and flexibility this offered.

The concept’s success has since influenced broader product development, supporting PayPal’s vision of enabling payments anywhere, seamlessly.

Lock Card

The Lock Card feature was born from a combination of market analysis and voice-of-customer insights gathered through PayPal’s customer service teams. Competitor offerings were already introducing similar capabilities, and we discovered that many users would temporarily misplace their card, cancel it, then call back once it was found—creating frustration for customers and unnecessary replacement costs for PayPal.

This was a clear on/off interaction, so a simple switch control was the most intuitive pattern. The challenge lay not in the UI component, but in how we communicated the locked state—what users could or couldn’t do, and when that information appeared.

Messaging was surfaced only when contextually relevant—keeping the overall experience streamlined and informative rather than interruptive.I also designed a new lock icon within PayPal’s UI library standards, ensuring visual clarity and immediate recognition of card states.

Outcome and Impact

The redesigned Settings experience and introduction of Lock Card tested extremely well, improving both usability and user satisfaction.

  • Unified Card System (UCS) launched in February 2020
  • Enabled scalable expansion of card products into new markets
  • Reduced customer service calls related to card loss and replacement
  • Accelerated delivery of new features and card products, including one prioritized for Q4 2020

The success of Lock Card demonstrated how user-centered design, clear communication, and scalable patterns can create measurable impact across both customer experience and business outcomes.

Thank you!

I appreciate you taking the time to explore this project and the process behind it. If you’d like to connect, I’d love to hear from you—whether it’s to discuss a potential collaboration, compare notes on design challenges, or just say hello.
You can reach out directly using the links in the footer below, or head back to the Projects page to see more of my work.