Rethinking the Home Screen for an NFC Wallet
A strategic redesign of the wallet’s entry point—from suspended cards to a grounded, intuitive deck-of-cards metaphor.
Role : Senior UX Designer | 6 months
Team: UX, PM, Engineering, Research, Content Strategy
Case Study: Designing for Real-World Payments
Project Overview
The NFC Wallet is a new digital wallet being developed by a leading global financial institution, aiming to offer secure and seamless payments through users' mobile devices. The home screen of the wallet serves as the gateway to the entire wallet experience—making it crucial that this first screen builds trust, delivers value, and sets the tone for future interactions.
My Role
At a major financial institution, I led the design of the home experience for an upcoming NFC wallet product. We were building from scratch, with complex account structures and payment options to support. This wasn’t just a new interface, it was a new interaction model for how people pay.
Due to confidentiality agreements with my employer, the details of this project have been anonymized. All branding, product names, and identifying information have been omitted to protect the privacy of the client.
Challenges & Opportunities
User Expectations vs. Innovation: Users are accustomed to the card-stack metaphor (e.g., Apple Wallet), which led us to question how we could innovate beyond this paradigm.
Information Hierarchy: Determining what users need to see on the home screen versus what should live in deeper sections was critical to balancing clarity and usability.
Interaction Patterns: We needed to introduce new navigation and interaction patterns that were intuitive yet fresh, avoiding the friction of a traditional "card view."
User & Business Goals
Target Users: Bank customers, particularly late adopters of digital wallets who trust financial institutions over tech companies.
Business Goals: Drive user adoption and repeat usage of the digital wallet, focusing on delivering a seamless, secure, and intuitive first experience.
Design Process & Key Artifacts
1. Discovery & Research
We began by grounding ourselves in the competitive landscape. I conducted a deep dive analysis of leading digital wallets from potential competitors and industry leaders to understand common UI patterns, user expectations, and gaps in the current market—particularly around trust, usability, and feature hierarchy.
-
Design Approaches
Card Stack & Visual UI:
Apple Wallet, Amazon Pay
Mimics physical wallets with layered card metaphors; ideal for tap-to-pay UX.
Dashboard-Style & Modular:
PayPal, Google Wallet
Designed for comprehensiveness—balance, cards, passes, promos all surfaced at once.
Utility-First List Views:
eBay, United
Focused on payment management, not visual interaction or branding.
Sectioned Vertical Layouts:
Uber, Venmo, Facebook Pay
Functional, task-oriented, and optimized for core use cases like ride payments or P2P transfers.
✅ Common Strengths
Balance Visibility
Prominently surfaced in most apps (PayPal, Venmo, Uber, Google Wallet) to reinforce trust.Card Management
Add/edit/delete options are widely supported, with visual card previews in many apps.Contextual Indicators
Features like “Default” or “Expired” improve clarity (Amazon Pay, Facebook Pay).
⚠️ Common Weaknesses
Visual Clutter
Apps like PayPal and Google Wallet can feel dense with promotions or too many sections.Low Interactivity
eBay and United prioritize function over experience—minimal animations or affordances.Inconsistent Editing Access
Some wallets (e.g. Apple Wallet) don’t offer in-place editing on the home screen.
💡 Patterns & Trends
Shift Toward Multi-Wallets
PayPal and Google Wallet offer broader ecosystem tools (loyalty, transit, offers).Promotion Integration
Many wallets now integrate upsells or credit offers (PayPal, Uber, Amazon).Contextual Personalization
Travel-centric (United), P2P-centric (Venmo), commerce-integrated (Amazon) wallets tailor UI to user intent.
This research guided the creation of a Jobs To Be Done framework that focused on key user goals like quickly finding the right card, checking recent transactions, and feeling secure using the wallet in stores.
2. Defining the Problem
Our target users—late adopters of digital wallets—valued security, clarity, and ease-of-use over sleek animations or excessive card imagery. However, many also expected the visual metaphors they were used to (like the card stack in Apple Wallet).
This created a tension: how do we build familiarity while innovating a better, more functional experience?
We mapped out a storyboard, focusing on what should be immediately visible on the home screen (e.g., default card, quick actions), and what could be tucked away (e.g., detailed settings or card details) based on our users priorities.
3. Ideation & Interaction Exploration
I led several rounds of conceptual design, challenging the traditional wallet paradigms. We explored:
Card-centric vs. account-centric designs
Card art vs. functional tile displays
Interaction models like nested drawers, horizontal swipes, stacked cards, and layered tap-throughs
A major turning point came when I introduced the "deck of cards" metaphor—a layout that invites users to look down on their cards like they would on a physical table, rather than peering into a stack floating midair.
It reframed the user’s mental model
Up until that point, the team (and many users) were defaulting to the Apple Wallet paradigm: a vertical stack of card art floating in space, where users scroll or swipe through. While familiar, this model is rooted in visual display, not usability or utility.
By introducing the "deck on a table" concept, you helped shift the team from thinking in terms of presentation to thinking in terms of interaction.
It made the interaction feel grounded and tactile
Looking down at a set of cards mimics how people physically use real wallets, poker tables, or even when laying out loyalty cards. It feels deliberate and controlled, which is critical for users who are newer to digital wallets and may still be building trust in the technology.It opened the door to more intuitive navigation patterns
Once the cards are treated like objects on a surface, you can introduce layered navigation, spatial relationships, drag-and-drop possibilities, or preview interactions that aren't viable in the floating stack model.
→ This opened up space for creative ideation, like horizontal scroll, overlapping cards, swipe-up drawers, or expandable summaries—all of which are more aligned to the "surface" metaphor.It unlocked better prioritization of information hierarchy
In the floating stack model, each card is a full-bleed image and typically the only visible content. In the deck model, you can show partial cards, badges, labels, or other metadata peeking out from the rest of the surface.
→ This allowed for lightweight scannability and better visibility into the wallet's contents without forcing users to dig.It gave the bank’s wallet a unique design signature
Competing with Apple/Google wallets means going beyond parity. This metaphor not only solved real UX issues—it gave the bank's wallet a differentiated feel, which is key to adoption and brand trust.
This reframing helped shift stakeholder conversations from “how should this look?” to “how should this behave?”—opening up space to rethink navigation patterns more holistically.
Impact & What’s Next
While we're still in the stakeholder review phase and haven’t launched user testing yet, this design phase has:
Established a clear interaction vision that balances innovation with familiarity.
Created a shared vocabulary for design and engineering to build on.
Positioned the team to test new metaphors for digital wallets with real users.
Outcomes
Though the design is still in review and user testing is forthcoming, the project has made significant strides in shaping the direction for the wallet home screen. We’ve aligned the team around key design principles, including trust-building, accessibility, and future-proofing for additional features like loyalty cards or transit passes.
Reflection & Takeaways
The biggest takeaway was challenging the norm and moving beyond the familiar card stack metaphor. Introducing innovative interaction models required convincing stakeholders to embrace something different, but it has opened up new possibilities for future iterations.
I’m especially proud of the "deck of cards" interaction pattern, which reframes the wallet as a grounded, tactile experience—both fresh and intuitive for users.
This project deepened my strategic thinking skills, emphasizing the need to balance innovation with user comfort and business goals.