Designing trust and security into a new digital wallet: Introducing a new way to pay for security-oriented bank customers.

Designing trust and security into a new digital wallet: Introducing a new way to pay for security-oriented bank customers.

Team
Team

Me (Design Lead), Senior Designer, Designer. 5 SWEs, 1 PM, 3 Consultants.

See what my team thought of me!

Me (Design Lead), Senior Designer, Designer. 5 SWEs, 1 PM, 3 Consultants. See what my team thought of me!

Client
Client

Leading Payments Co. representing 150+ million users across the U.S.

Leading Payments Co. representing 150+ million users across the U.S.

Timeline
Timeline

5 month project in 2-week sprints,
Oct 2024 - Feb 2025

5 month project in 2-week sprints,
Oct 2024 - Feb 2025

Tools
Tools

Figma, Miro, Respondent.io, Remesh, Ballpark, Indeemo, Adobe Premiere Pro

Figma, Miro, Respondent.io, Remesh, Ballpark, Indeemo, Adobe Premiere Pro

See full case study below

Background

Background

For confidentiality reasons some content has been intentionally rebranded, modified, or omitted. In the screens, clients names have been renamed to Guardian Bank or Prosper, and the product has been renamed Fintaps.

Payments Co. is a leading payments platform with over 150 million users in the U.S., looking to expand into the digital wallet space. With digital payments becoming the dominant method of transaction, this market is projected to see significant growth in the coming years.

The Competitive Landscape

The Competitive Landscape

The in-person digital wallet space has been historically dominated by Apple Pay due to the ease NFC transactions via built-in hardware. However, in 2024, due to regulatory pressure, Apple opened access to provisioning cards onto the Secure Element (SE) with the release of iOS 18.1. This change allows developers to enable β€˜double-tap to pay’ functionality within their own applications, significantly lowering the barriers to competition.  Multiple companies have publicly announced plans to compete with ApplePay on NFC, including: PayPal and Elon Musk’s X (which is partnering with Visa).

Payments Co. saw this as a strategic opportunity to enter the market with a new, bank-backed digital wallet, leveraging its extensive financial network to create a viable alternative to existing payment solutions.

Problem Overview

Problem Overview

Entering the NFC Payments / Digital Wallets space is difficult when competing against dominate and entrenched players like Apple Pay, Google Pay, and Samsung Pay. Payments Co. faced 3 main challenges designing a product that would not only compete in this crowded landscape but also differentiate itself while avoiding the pitfalls of past bank-backed wallets:

Competing in a pre-defined ecosystem
Rapid go-to-market strategy
Designing for (almost) everyone

Apple, Google, and Samsung Pay have set expectations for what a digital wallet is. Bank-backed wallets have historically struggled with poor user experience, lack of adoption, or insufficient differentiation.

Competing in a pre-defined ecosystem

The payment ecosystem is incredibly competitiveβ€”not only are there dominant players, but new challengers are constantly emerging (e.g., PayPal and X’s Visa-backed wallet).

Rapid go-to-market strategy

The banks within the Payments Co. consortium collectively represent the majority of bank holders in the U.S.β€”meaning the potential user base is essentially everyone with a bank account. However, designing for "everyone" is not an effective approach.

Designing for (almost) everyone

How Might We…

How Might We…

How might we create a new, trusted digital wallet that feels secure, stands out, and drives adoption in a crowded market?
How might we create a new, trusted digital wallet that feels secure, stands out, and drives adoption in a crowded market?

Solutions Overview

Solutions Overview

In total, we designed and handed off 20+ high fidelity prototypes of 600+ total screens and mapped out all of the features for a launch that is expected to generate 180M in expected transactions by 2028.

The Design Process

The Design Process

Empathize – Deep User Research & Market Exploration

Empathize – Deep User Research & Market Exploration

Before defining our product strategy, we needed to understand the broader financial landscapeβ€”not just in terms of digital wallets, but also how people think about banking, technology, trust, and security.

To do this, we took a 3-avenue research approach:

15 Qualitative User Interviews

Method: One-on-one interviews via Respondent.io

Participants: 18+ balanced by age / gender / income

Goal: To deeply understand user perspectives, behaviors, and attitudes

What we gained: A rich, personal look into how users perceive financial security, trust banks, and make everyday money decisions.

Ethnographic Study with 13 participants

Method: Ethnographic study via Indeemo

Participants: Users with mixed digital wallet usage

Goal: To observe how users interact with payments in real-world scenario

What we gained: Users filmed themselves in-store before and after purchases for a week, allowing us see how users actually behaved in the moment instead of having to rely solely on what they said, uncovering frustrations and habits they might not have been consciously aware of.

Click to hear from some of our users below!

0:00/1:34

0:00/1:34

0:00/1:34

Large-Scale Quant Survey with ~3,000 Participants

Method: Nationwide survey of US adults

Participants: 18+ balanced by age / gender / income

Goal: To validate qual. findings and ensure insights are statistically representative

What we gained: A data-backed validation of insights from interviews / ethnographic research –– proving that the experience we heard about weren't just anecdotal, they reflected broader national trends.

Triangulating insights with mixed-methods research

Triangulating insights with mixed-methods research

Triangulating insights with mixed-methods research

Define – Identifying Money Mindsets

Define – Identifying Money Mindsets

Next, we synthesized our findings to identify user segments, ensuring the product would meet the needs of specific, high-value usersβ€”rather than trying to serve a nationwide user base and diluting features. Through Latent Class Analysis and qualitative synthesis we identified 5 key behavioral patterns.

What is Latent Class Analysis (LCA)?

What is Latent Class Analysis (LCA)?

What is Latent Class Analysis (LCA)?

What is Latent Class Analysis (LCA)?

The Protectionist – Our Primary User
The Protectionist – Our Primary User

Because this wallet was bank-backed, it made the most sense to lean into trust and security. The Protectionist already sees banks as a safe financial partner, meaning they were more likely to adopt an institution-led alternative to Apple or Google Pay.

Mindset: Deeply anchored in trust and security, values financial stability and prefers banks to third-party solutions.

Behavior: Uses digital tools cautiously, preferring bank-affiliated financial products over tech-led wallets.

Pain Points: Worries about data privacy, security breaches, or lack of financial oversight.

Ideate – Deciding Key Features & Journeys

Ideate – Deciding Key Features & Journeys

With a clear understanding of our target user (The Protectionist), the next step was to define which features mattered most and how they aligned with business goals and technical feasibility.

We began by analyzing our user interviews to create a feature desirability map, evaluating each potential feature based on user demand, business uniqueness, and ability to meet an unmet need. 

To validate these findings, we conducted synchronized remote testing with 100 users using Remesh.ai, a tool that allows for live, large-scale user feedback collection.

Why High-Fidelity Screens for Early Testing?

Why High-Fidelity Screens for Early Testing?

Why High-Fidelity Screens for Early Testing?

Three Lessons Learned

1 – Trust and security were the strongest adoption drivers

Most users felt significantly more comfortable using a bank-backed wallet than a tech-led alternative. Having the wallet integrated within their banking app was a major trust signal.

2 – Support for Multiple Financial Institutions Multi-FI) was a must

Users strongly preferred the ability to store multiple bank cards rather than being limited to a single financial institution.

3 – The most impactful features were aligned with The Protectionist's core values

The most well-received features were those closely tied to security, financial management, and trust, including balance tracking, fraud alerts, transaction history, and rewards integration. In contrast, "nice-to-have" featuresβ€”such as Buy Now, Pay Later (BNPL), detailed analytics, and pay-with-points optionsβ€”were less impactful and ranked lower in desirability.

Based on this analysis, we made the decision to launch with a wallet that focused on core financial functionality:

Payment (seamless tap-to-pay)

Management (adding/removing cards, setting cards to default)

Enrollment (easy onboarding and security setup)

Prototype – Designing Interactive Prototypes

Prototype – Designing Interactive Prototypes

To create a seamless, intuitive test experience, we built detailed, high-fidelity prototypes in Figma, leveraging variants, conditional logic, and looping states. 

Why do Realistic Prototypes Matter?

Why do Realistic Prototypes Matter?

Why do Realistic Prototypes Matter?

Why do Realistic Prototypes Matter?

Double-tap to pay
Double-tap to pay

Challenge: Users consistently desired β€œhabit-forming double-tap” of the iPhone side button and were not able to envision paying without it. However, Figma lacks a preset prototype trigger for double-tap.

Challenge: Users consistently desired β€œhabit-forming double-tap” of the iPhone side button and were not able to envision paying without it. However, Figma lacks a preset prototype trigger for double-tap.

Solution: I used two rotating buttons to create a manual while loop off 4 timed if loops to allow for seamless double-tapping.

Solution: I used two rotating buttons to create a manual while loop off 4 timed if loops to allow for seamless double-tapping.

Error recognition & recovery (enrollment)
Error recognition & recovery (enrollment)

Challenge: Users needed instant feedback if they entered incorrect card details (e.g., CVV mismatch, invalid numbers).

Challenge: Users needed instant feedback if they entered incorrect card details (e.g., CVV mismatch, invalid numbers).

Solution: I used variable-based conditionals to navigate between error and success screens without manual intervention to make the flow responsive.

Solution: I used variable-based conditionals to navigate between error and success screens without manual intervention to make the flow responsive.

Fully flexible flows (enrollment)
Fully flexible flows (enrollment)

Challenge: Users expected to click anywhere and in any orderβ€”instead of a rigid step-by-step approach. However, that is very difficult on Figma.

Challenge: Users expected to click anywhere and in any orderβ€”instead of a rigid step-by-step approach. However, that is very difficult on Figma.

Solution: We built fully responsive form interactions using 20+ variables, allowing users to complete the form in any sequence while maintaining logic flow.

Solution: We built fully responsive form interactions using 20+ variables, allowing users to complete the form in any sequence while maintaining logic flow.

Test – Continuous Testing with 320+ Additional Users

Test – Continuous Testing with 320+ Additional Users

To ensure our final designs were intuitive, efficient, and aligned with user expectations, we conducted a mix of asynchronous large-scale testing and in-depth qualitative interviews. This allowed us to validate our assumptions while maintaining fast sprint velocityβ€”continuing development while collecting real user feedback.

300 Asynchronous usability tests

To test usability at scale, we launched three surveys using Ballpark, a platform that enables asynchronous remote user testing. Users could click through the prototype, and the platform collected key performance data, including:

  • Misclick percentage – Identifying areas of confusion or frustration.

  • Time-on-task – Measuring efficiency and usability bottlenecks.

20 User interviews

Beyond large-scale testing, we conducted 20+ additional user interviews, allowing us to:

  • Gather contextual feedback on user behaviors and preferences.

  • Validate why certain tasks took longer or where confusion arose.

  • Refine security messaging and onboarding flows.

Challenge 1: Time-consuming tasks

Most tasks were completed efficiently, but enrollment times were significantly longer than expected. Users felt overwhelmed by the number of steps and the complexity of information presented.

Usability change:

βœ… Paring down enrollment steps by merging screens where possible.

βœ… Simplifying language to use bank-specific terminology, as users trust and understand their own bank’s vocabulary better than generic fintech jargon.

Challenge 2: Users did not grasp tasks at hand

Users were not understanding the real-world trust and clarity implications when there were mock names. People have very visceral and emotional relationships wit banking institutions, and we wanted to make sure that aspect was captured when they used our tool

Usability change:

βœ… Creating bank-specific views for testing, allowing users to see their own institution’s branding.

βœ… Non-sanitized prototypes to illustrate real authentication experiences, preventing misinterpretation.

The Product – Final Look

The Product – Final Look

In total, we designed and handed off 20+ high fidelity prototypes of 600+ total screens and mapped out all of the features for a launch that is expected to generate 180M in expected transactions by 2028. We interviewed 40+ users, facilitated concept testing with 400 users via large-N testing, and reached another ~3,000 users via a survey.

Reflect – Impact & Next Steps

Reflect – Impact & Next Steps

This project was incredibly rewarding, both in terms of impact and personal growth. Seeing how the Protectionist segment responded to our designs reinforced that this product has real potential to succeed in the market.

β€œThe Fintaps app had a very simple interface which made it easy to navigate and reduces confusion and cognitive load.”

"Frank", Ballpark Testing User

"I love that Fintaps is easily accessible through my bank app, so it feels trusted and user friendly so far."

"Jessica", User Interview

πŸ’‘ A digital wallet I'm excited to download for myself

I truly believe that when this launches in late 2025, it will be a game-changer for users who prioritize bank-backed security and I can’t wait to replace Apple Pay on my own device.

πŸ’Ό Confidence in a differentiated solution

This was a high-impact project that I feel incredibly proud ofβ€”one that tackled a competitive space with a truly differentiated solution.

πŸš€ Personal growth as a design and people leader

Leading a complex design effort like this reinforced my ability to drive strategy, mentor others, and push for high-quality execution.

The team was truly amazing: Max, Aish, Justinβ€”if you’re reading this, I am still so proud of the work we did. This wouldn’t have been possible without such a collaborative, brilliant team.

Looking forward to seeing this live in the wildβ€”and to whatever’s next! πŸš€

What the team said about working with me…

"Jennifer understood complex design tasks with minimal oversight, quickly implementing the client's and team's vision to create high effective prototypes. She consistently approached new iterations with a strong hypothesis on answer first, proactively aligning user journey flows and logic with supervisors while flagging critical gaps early for timely decision-making. She took ownership of workstream planning and coordinating with stakeholders, effectively presented prototypes with the working team, and was a fantastic team player. Jenn has consistently performed at a high level and should be incredibly proud of her contributions –– her dedication, expertise, and proactive approach have made meaningful impact."

– Consultant, Bain & Company

Browse my other work

Amazon Web Services

Minimizing runway to productivity for first-time AWS users.

Fortune 100 Tech Co.

Making Agentic AI deployment familiar and approachable.

Fortune 100 Tech Co.

Making Agentic AI deployment familiar and approachable.

Amazon Web Services

Minimizing runway to productivity for first-time AWS users.

Fortune 100 Tech Co.

Making Agentic AI deployment familiar and approachable.

Amazon Web Services

Minimizing runway to productivity for first-time AWS users.

Fortune 100 Tech Co.

Making Agentic AI deployment familiar and approachable.

Amazon Web Services

Minimizing runway to productivity for first-time AWS users.

@2025 Jennifer Xu
@2025 Jennifer Xu
@2025 Jennifer Xu
@2025 Jennifer Xu