Unifying PayPal’s Card Experiences for Scale and Consistency

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.
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.

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.




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.

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.
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:
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.


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:
This direction didn’t hold up—so we pivoted.


Informed by user feedback, I refined the layout to surface key settings directly on the landing page while nesting detailed views.
Adjustments including:
Testing showed major improvements in navigation efficiency and comprehension, though grouping and prioritization still needed refinement.
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:
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.

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.


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.
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.

The redesigned Settings experience and introduction of Lock Card tested extremely well, improving both usability and user satisfaction.
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.

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.