Flux DeFi Trading

UX/UI Design
UX Research
Product Design
Design System
Flux is a DeFi trading app that makes decentralized finance approachable and trustworthy, The MVP focus on guiding first-time users from onboarding to their first purchase through clear, intuitive steps and trust-driven design. 
heroimage4
The Problem

DeFi promises ownership and transparency, yet many Web3 apps leave users confused. Complex wallet setups and unclear custody moments make it hard for first-timers to understand what they own and control. and what self-custody actually means.

1
Discovery
2
Ideation
3
Design
4
Dev Handoff
5
Reflection

01 Discovery

Research Stratagy

I combined competitive analysis and user research—reviewing apps, forums, and interviews with crypto beginners—to map their emotional journey and identify key friction points and unmet needs.

Competitive Analysis

I analyzed Web3 platforms like Base, Uniswap, MetaMask, Phantom, and Jupiter, focusing on wallet setup, education, and ownership clarity. Most either force early wallet setup or hide wallet info, causing confusion and anxiety from poorly timed education and transparency.

chart
User Profile & Emotional Patterns

I focused on crypto beginners and cautious investors who are curious but sensitive to early wallet and custody decisions. Key insights that emerged include:

  • Early wallet setup creates friction.
  • Users want to experience value before taking custody.
  • Clear ownership signals reduce drop-offs.
Emotional journey

02 Strategy

Design Goals

Help beginners and cautious investors buy crypto confidently by balancing ease of use with clear ownership. The MVP offers a mobile onboarding experience that reduces anxiety during first interaction, provide transparency and guide users through their first purchase.

Key UX Strategy
  • Progressive Disclosure: Introduce complex concepts (wallet, seed phrase) at a natural points in the journey, rather than upfront or hidden.
  • Contextual Guidance: Use interactive prompts to make education active.
  • Trust First: Clarify ownership before asking for full custody.
  • Emphasize Calm and Clarity: Show progress and clear next steps to reduce friction.

03 Design

User Flow

I created a user flow mapping the journey of two sets of personas with the same goal: beginners receive step-by-step wallet education at key moments to build confidence before taking custody, while experienced users can quickly connect or create a wallet with clear ownership indicators.

User flow
Wireframing

I mapped primary flows—onboarding → funding → wallet creation → first purchase—and used low-fidelity sketches with usability testing to identify friction, comprehension, and emotional responses, guiding refinements before higher-fidelity design.

Frame 2071
Branding & UI Decisions

Flux’s branding conveys clarity, trust, and approachability. The upward-arrow logo symbolizes growth, the blue palette evokes calm, and pastel accents soften the tone. Playful 3D illustrations make onboarding concepts tangible and friendly, while a bold, condensed sans-serif typeface adds strength and confidence.

branding+UI
High-Fidelity Prototype

Flux’s homepage highlights suggested actions. Beginners get step-by-step wallet guidance, while experienced users can skip steps. Clear instructions, transparent timelines, and suggested next actions keep the experience seamless. Light and dark modes offer flexible, accessible visuals.

high-fi1
high-fi light

05 Reflection

Reflections & Take-aways

Working on Flux deepened my understanding of DeFi and its UX challenges. Despite its potential to democratize finance, steep learning curves, fragmented interfaces, and unclear risks overwhelm new users. The project also highlighted financial safety and human interaction, inspiring me to make DeFi more approachable through human-centered design.

Next Steps
  • A/B test microcopy for different onboarding triggers.
  • Expand educational overlays for advanced trading actions.
  • Explore gamification or reward system for completing first trade and wallet setup.
  • Monitor analytics for wallet setup conversion and user retention metrics.

© 2026 Lily Wang