Bridging the familiar world of daily spending with the possibilities of Web3 assets.
Client
MetaMask, Consensys
Contribution
Product Design, Design System, User Interactions.
Timeline
May 2025
Designing Beyond the Interface
When MetaMask began exploring the idea of a MetaMask Card, the mission wasn’t simply “let’s make a crypto debit card.”
It was about designing a bridge — one that would let people live in two financial worlds at once, without feeling like they were juggling two separate lives.
As Lead Designer, I worked closely with product managers, engineers, compliance experts, and our external card partner to make that bridge both functional and intuitive. My role often meant sitting at the intersection of legal constraints, regional regulations, user needs, and technical feasibility — translating all of that into a clear, confident experience for our users.
The Problem Space
Through regular interviews, usability sessions, and diary studies, I uncovered two dominant mental models:
Web3 Spending as a Leap, Not a Habit
For many, crypto feels like a long-term investment vault rather than a wallet for daily spending.
Users often hesitated to “cash out” due to volatility, conversion fees, and a general lack of clarity about how assets become fiat at the point-of-sale.
Cashback as a Hook — But Only If It’s Clear
Cashback incentives attracted attention, but the actual reward lifecycle had to be as obvious as loyalty points in Web2 banking apps.
Users wanted to see and feel their earnings in real time.
Layered on top of this was the challenge of navigating varied regional laws and taxation rules around crypto, which affected everything from card issuance to rewards disbursement. While I won’t detail the workarounds here, the design had to be flexible enough to operate compliantly across multiple jurisdictions.
Design Goals
Frictionless onboarding: Guide users from KYC to their first spend without ambiguity.
Clarify asset conversion: Explain how and when crypto becomes fiat in simple, transparent terms.
Show rewards clearly: Make cashback tracking feel immediate and motivating.
Support multi-chain transactions: Give users the flexibility to spend from different chains without switching wallets.
Design for compliance flexibility: Ensure UI could adapt to regional rules without creating entirely separate flows for each market.
My Role & Collaboration
Research Analysis & Decision-Making — while I didn’t lead the core user research, but I actively worked with the insights team to translate their findings into actionable design decisions.
Cross-Team Alignment — collaborated closely with compliance, legal, engineering, and external partners to balance regulations with usability.
Onboarding Redesign — reworked the delegation process (funding the card and selecting spendable assets) to the point where delegation completion rates improved by nearly 50%.
Multi-Chain Enablement — ensured designs supported spending from different chains without requiring constant wallet switching.
Checkout Flow Improvements — incorporated research findings into the Metal Card Checkout experience, providing clear affordances for both crypto and card payments.
Design QA — partnered with engineering to uphold UX integrity across platforms.
Design Highlights
Desktop Experience
Onboarding Dashboard with progressive steps that made setup progress visible and motivating.
Asset Conversion Explainer integrated into the spend flow for transparency.
Rewards Center showing live cashback balances, historical earnings, and redemption options.
Metal Card Checkout Flow — incorporated research data to design a dual-payment affordance, enabling users to choose between paying with crypto or their card balance while getting instant clarity on funds and conversions.
Mobile Experience
(Note: design assets are under NDA until the app is fully launched)
Designed mobile-first flows for tracking spending, delegating assets, and monitoring rewards.
Added Quick Spend Insights — timely notifications and widgets highlighting cashback earnings without deep navigation.
Impact
Shifted the product story from “crypto debit card” to “a daily spending companion” that works across chains.
Increased delegation completion rates by nearly 50% with the redesigned onboarding.
Created a compliant, multi-chain-ready UX adaptable to different regions without fragmenting the experience.
Enhanced checkout flexibility by integrating both crypto and card payment options in a single, intuitive flow.
MetaMask Card is currently in early access. You can learn more and join the waitlist here: Introducing MetaMask Card — Upgrade Your Crypto Spending.
