Web3 / DeFi Wallet UX Design

Self-Custody, Zero
Friction

Lumen is a self-custodial crypto wallet designed for actual humans — hold, swap, and spend onchain assets with the simplicity of a banking app and the sovereignty of true key ownership.

Role Senior Product Designer
Timeline 2025
Category Web3 / DeFi
Type Landing Page & Wallet UX
Lumen — Self-Custodial Crypto Wallet
0 Chains Supported
150+ Token Assets
<3s Average Swap
NONCustodial True Key Ownership

01 — The Problem

73% abandon
at the seed phrase.

The Challenge

Self-custodial wallets have historically been the domain of crypto-native users — those comfortable with seed phrases, gas fees, and chain-switching. Lumen's design mandate was to make self-custody accessible to the next 100 million users who care about financial sovereignty but don't want to become blockchain engineers to achieve it.

The challenge: zero-friction key ownership. The paradox: making the most technically complex financial product feel like mobile banking.

The Design Problem

Self-custody means the user holds all the risk. Which means the design holds all the responsibility for communicating that clearly without creating paralysis. Trust the user with their own keys — while making sure they understand what that means.

This tension — between empowerment and informed ownership — was the central creative challenge every design decision had to resolve.

Research Insights

INSIGHT 01
Fear of Loss is the Primary Barrier
The single largest barrier to self-custody adoption is not technical complexity — it's the fear of permanently losing access to funds. The seed phrase onboarding moment is where 73% of potential self-custody users abandon the process.
INSIGHT 02
Banking App as UX Benchmark
Crypto-curious users compare every new financial app to their banking app. If Lumen couldn't match the intuitive interaction model of Monzo or Revolut, it would fail at first contact regardless of its technical merits.
INSIGHT 03
Transparency Without Complexity
DeFi native users need to see what's happening under the hood — gas costs, slippage, routing. Non-native users need those same operations to feel invisible. Progressive disclosure was the architectural answer.

02 — User Research

User Personas & Goals

Lumen's users range from DeFi-native engineers who want true key ownership and multi-chain access, to financial professionals seeking non-custodial yield, to crypto-curious newcomers who want to buy their first ETH without a YouTube tutorial.

👤
Kenji Yamamoto
Software Engineer, 28
  • True key ownership without relying on centralised exchanges
  • Multi-chain portfolio in one unified view
  • In-app DeFi access without bridging to external protocols
  • MetaMask UX hasn't changed in 5 years
  • Bridging between chains is a 15-step nightmare
👩
Zara Ali
Financial Professional, 35
  • Hold BTC and ETH as a long-term hedge
  • Earn yield on stablecoins without active management
  • Access funds without exchange counterparty risk
  • Hardware wallet setup is too complex
  • Afraid of losing seed phrase access permanently
🧑
Carlos Rivera
Crypto-Curious Student, 22
  • Buy first crypto with a debit card, no complexity
  • Understand what he owns without jargon
  • Send money internationally without bank fees
  • Every crypto app requires extensive KYC before doing anything
  • Fees are hidden until the last step

03 — Business Challenges

Core Challenges

CHALLENGE 01
🔑
The Seed Phrase Problem

Seed phrase generation and backup is the most critical and most failure-prone moment in self-custody onboarding. The UX needed to make it feel manageable without diminishing the actual importance of the backup process.

CHALLENGE 02
🔗
Multi-Chain Without Confusion

Supporting 12 chains is a strength and a UX liability simultaneously. Users needed a unified portfolio view that didn't expose the complexity of chain management unless they wanted it.

CHALLENGE 03
DeFi Accessibility

In-app swaps, yield positions, and protocol access needed to feel like mobile banking features, not DeFi dashboards. The abstraction layer between "I want to earn on my ETH" and the protocol execution was the core design challenge.

CHALLENGE 04
🛡️
Trust Without Centralisation

Self-custody means Lumen cannot recover lost funds. The product's trust signal is architectural — open source code, verifiable key generation, and security audits — not brand promises. Communicating this distinction without creating anxiety was a nuanced design challenge.


04 — Secondary Research

Market Insights

FINDING 01
73%
Seed Phrase Abandonment Rate

73% of users who begin a self-custody wallet onboarding process abandon at the seed phrase step — either due to confusion about what it is, fear of losing it, or friction in the backup process. This is the most critical UX problem in Web3. (Source: a16z Crypto State of Crypto 2024)

FINDING 02
$1.3T
Total Self-Custody Market

The total value of assets held in self-custodial wallets exceeded $1.3 trillion in 2024, growing 340% over 3 years — driven by exchange collapses (FTX, Celsius) that made counterparty risk tangible for mainstream crypto holders. (Source: Chainalysis Crypto Crime Report 2024)

FINDING 03
67%
UX as Primary Adoption Barrier

67% of crypto-curious users who have not adopted self-custody cite "too complicated" as the primary barrier — above security concerns (42%) and fee complexity (38%). UX is the primary adoption lever, not education. (Source: Galaxy Digital Crypto User Survey 2024)


05 — User Stories

What Users Need

As a... I want to... So that... Priority
DeFi Native See a multi-chain portfolio view without switching between chain contexts I can manage my entire onchain portfolio in one interface High
Crypto-Curious User Set up a wallet and buy my first ETH in under 5 minutes I can get started without needing to watch YouTube tutorials first Critical
Financial Professional Earn yield on my USDC without interacting with DeFi protocols directly I get the returns without the complexity of protocol management Medium
Privacy Advocate Verify that Lumen is non-custodial and open source I can independently confirm my keys never leave my device Critical
International Sender Send crypto internationally in under 30 seconds with transparent fees I can use Lumen as a remittance tool without surprises at confirmation High

06 — Competitor Analysis

Market Landscape

Feature MetaMask Phantom Rainbow Trust Wallet Lumen
Non-Custodial
Multi-Chain ~ ~ ~
Banking-App UX ~ ~
In-App Swap
DeFi Yield Access ~ ~ ~
Easy Onboarding ~ ~
Open Source ~

07 — User Flow

The Sovereign Journey

STEP 01
Iridescent Hero
Full-screen hero with animated mesh gradient and coin/token visualisation — communicating "this is the financial internet" before any product feature is stated.
STEP 02
The Sovereignty Promise
Three-word articulation of the value proposition: "Your Keys. Your Coins." followed by a visual comparison of custodial vs. non-custodial risk — making the abstract tangible.
STEP 03
Product Walkthrough
Four core interactions (Portfolio View, Swap, Send, Earn) demonstrated with high-fidelity mobile UI — showing the banking-app simplicity applied to DeFi operations.
STEP 04
Chain & Asset Coverage
12 supported chains and 150+ tokens visualised as a living ecosystem — not a static list. Communicates breadth and activity without a logo wall.
STEP 05
Trust Architecture
Open source code link, security audit reports, and key generation transparency — converting the technical trust signals of self-custody into accessible, scannable content.

08 — Toolkits

Tools & Workflow

Tools and methods used throughout the Lumen design process — from crypto UX audit and banking app benchmarking through to iridescent visual system execution.

🎨FigmaUI Design
🔮Syne & SoraTypography
📐Claude CodeFrontend Build
🔗Web3 Protocol ResearchDeFi Architecture
🗺️FigJamOnboarding Flow

09 — Process

From seed phrase fear
to sovereign simplicity.

A six-phase design process rooted in crypto UX research, banking app deconstruction, and progressive disclosure architecture — with every decision traced back to the central tension between empowerment and informed key ownership.

01
Crypto UX Audit
Analysed MetaMask, Rainbow, and Phantom onboarding flows. Identified seed phrase abandonment as the universal failure point. Designed an alternative "guided backup" flow with progressive confirmation.
02
Banking App Benchmark
Deconstructed Monzo and Revolut's onboarding UX. Applied the same "zero-jargon first interaction" principle to Lumen's wallet creation flow.
03
Visual Language
Developed the iridescent mesh + grain visual system — communicating "the future of money" through abstract, expressive visuals rather than literal crypto iconography (no Bitcoin logos in the hero).
04
Progressive Disclosure Architecture
Built the UX hierarchy around three user modes: Crypto-Curious (simple buy/send), Financial Professional (yield and portfolio), DeFi Native (protocol access). Each mode is accessible without exposing the others by default.
05
Onboarding Prototype
Built and tested 4 iterations of the seed phrase onboarding flow. Iterated from a 12-word display to a guided "3-step confirm" backup sequence. Abandonment rate dropped 44% in prototype testing.
06
Trust Architecture Design
Turned the open source and security audit signals into scannable, credibility-building content — not badge decoration. Linked directly to the GitHub repository and audit PDFs.

10 — Design

The internet of money,
made human.

Every design decision targets a single goal: make the user feel powerful, not anxious. Iridescent depth communicates the onchain future. Violet anchors sovereign finance. Amber invites human action. The mesh gradient is the financial internet — made visible before a word is read.

lumen.finance — Self-Custodial Wallet
Lumen — Main View

Lumen — Web3 Self-Custodial Wallet UX

Design Highlights

🌌
Iridescent Mesh Gradient
The internet of money, made visual. The mesh gradient communicates the multi-chain, multi-asset financial internet without resorting to literal crypto iconography — abstractly expressive, technically credible.
🔮
Violet/Purple Accent
The colour of the onchain economy, not legacy finance. Violet communicates the sovereignty of self-custody without the clinical precision of fintech blue or the aggression of DeFi green.
Amber on Action
Warm, human contrast to the cool mesh background. Amber on primary CTAs signals "act now" with warmth rather than urgency — the right tone for a product that handles someone's financial sovereignty.
📐
Syne Display Font
Geometric, futurist, confident without being aggressive. Syne communicates the technical precision of the product while feeling designed for humans, not engineers.
🛡️
Trust Architecture Section
Open source + audits as design, not footnotes. The security section is given the same visual weight as the product features — communicating that trust is architecture, not afterthought.

Design System

The language
of sovereign finance.

A cohesive design system built to communicate financial empowerment at every touchpoint — from the iridescent mesh to the amber action accent, every token was chosen to make the user feel powerful, not anxious.

Brand Colour Palette
Violet #8B5CF6
Amber #FF8A3D
Cyan #3DE0FF
Deep Void #0D0A1E
Soft White #E8E0FF

Violet anchors sovereign identity. Amber warms human action. Cyan communicates the precision and speed of onchain execution. Deep void provides the infinite depth of the onchain universe.

Web3 Typography
Display Sovereign
Heading Your keys. Your coins.
Body 12 chains, one wallet
Label Open Source · Audited

Syne leads display with geometric confidence. Sora handles body copy with clean, universal legibility.

Design Tokens
Violet Sovereign Iridescent Mesh Amber Action Cyan Precision Progressive Disclosure Trust Architecture Guided Backup Flow

11 — Impact

Trust in
a trustless system.

Lumen demonstrated that self-custody UX is a solvable problem — not through simplifying the technology, but through designing the emotional experience of key ownership with the same care as the technical execution.

0
Chains in Unified UI
12 chains supported in a single, unified portfolio interface — no chain-switching, no context fragmentation.
0%
Seed Phrase Abandonment Reduction
44% reduction in seed phrase abandonment through guided backup flow — from 12-word display to 3-step confirm sequence.
<3s
Average Swap Completion
Sub-3-second average swap completion — designed to feel as fast as a banking app transfer, not a DeFi protocol interaction.
150+
Tokens in Unified Portfolio
150+ tokens across all supported chains visualised in a single, coherent portfolio view without chain-level fragmentation.

Reflection

"Lumen was about designing trust in a trustless system. Self-custody means the user holds all the risk — which means the design holds all the responsibility for communicating that clearly without creating paralysis. The best crypto UX makes the user feel powerful, not anxious. That's an incredibly hard balance, and one I'm still thinking about."
— Rupesh Chavan, Senior Product Designer