USDV — DeFi Dual-Token Yield Platform UX/UI Design
Full UX/UI design for USDV — a DeFi stablecoin yield platform backed 1:1 by USDC. Landing page, mint & stake flows, APR dashboard, and swap widget for both power users and crypto newcomers.
Overview
USDV is a DeFi dual-token yield platform built around a stablecoin backed 1:1 by USDC. Users mint USDV, stake it to earn yield, and track performance through a real-time APR dashboard — all on a platform that had to feel credible in a space defined by products that overpromise and underdeliver.
Masterly designed the full web experience from the ground up: landing page, mint and stake flows, performance dashboard, APR tracking cards, token overview screens, swap widget, and mobile-responsive layouts across all surfaces. The engagement covered UX/UI design and fintech design across every product surface.
The core design challenge wasn't visual — it was trust. DeFi's default aesthetic is speculation and hype. USDV needed to communicate stability, transparency, and financial seriousness without becoming boring.
What the project covered:
- Landing page positioning USDV in a crowded yield market
- Mint & stake flow designed for clarity under financial decision-making pressure
- Performance dashboard with real-time APR tracking and position data
- Swap widget serving both crypto-native power users and DeFi newcomers
- Token overview screens explaining dual-token mechanics without a whitepaper
- Mobile-responsive layouts across all core surfaces
The Challenge
Designing credibility in a low-trust category
DeFi has an earned trust problem. Rug pulls, inflated APR projections, opaque tokenomics, and interfaces that prioritize excitement over accuracy have made sophisticated users deeply skeptical of new platforms. USDV needed to overcome that skepticism without looking defensive about it.
The design response was systematic transparency: every yield figure shown with source and timeframe, the 1:1 USDC backing visible at every yield-related touchpoint, and APR displayed historically rather than only as a forward-looking projection.
One swap widget, two very different users
The swap widget had to work for two users simultaneously. A first-time DeFi user needs five pieces of information and one obvious button. A power user needs slippage controls, gas settings, price impact warnings, and routing visibility.
A single-mode design would overwhelm the first group or frustrate the second. The solution was progressive disclosure: a clean default state with an "Advanced" toggle that expands settings in-place, without navigating away. Both users stay in the same widget. Neither sees what they don't need.
Explaining a dual-token model without a whitepaper
USDV's tokenomics require users to understand two distinct assets — a stablecoin and a yield token — and how value flows between them. Most DeFi products punt this explanation to documentation. We designed token overview screens that communicate the relationship visually: what each token does, how yield accrues, and what staking means for the user's position, directly in the interface.
Design Approach
Visual language: serious, not sterile
The USDV palette is deep near-black with an emerald green accent — a deliberate contrast to the loud gradients and cartoon aesthetics common in DeFi marketing. The goal was premium seriousness: the platform should feel closer to a fintech product than a crypto speculation venue, while still being unmistakably DeFi.
Typography is clean and monospaced where it matters (addresses, balances, live data) — signaling precision without over-engineering the visual system.
Landing page: positioning before conversion
Most DeFi landing pages lead with APR. That works for users already decided on yield farming — it fails for the informed-but-cautious user who needs to understand the product before committing capital.
USDV's landing page leads with the mechanism: what USDV is, how yield is generated, and why USDC backing matters. APR figures appear in context — after the user understands the product — rather than as the headline hook.
Performance dashboard: data over decoration
The dashboard gives users everything they need to assess their position in under 10 seconds: current yield, APR trend over time, staked balance, and projected earnings. Charts show historical performance alongside current rates — users can see whether APR is stable, trending up, or decaying, without leaving the interface.
In DeFi, a dashboard that shows a single APR number and a "stake more" button is a trust deficit. Every missing data point gets filled with suspicion.
Position data updates in near real-time. Empty states include explicit context — if yield hasn't started accruing, the interface says so and explains why, rather than showing a zero and leaving the user to wonder.
Mint & stake flow: reducing decision friction
Financial transaction flows have a specific failure mode: users who understand the product still abandon the flow because the interface introduces uncertainty at the critical moment — unclear fees, ambiguous state transitions, no confirmation that the transaction is doing what they expect.
USDV's mint and stake flow was designed to eliminate that uncertainty. Each step shows exactly what will happen, what it will cost, and what the user's position will look like after. Confirmation screens show the full summary before the on-chain transaction is submitted.
Mobile-responsive layouts
DeFi has historically been desktop-first. USDV's target audience increasingly expects mobile access for position monitoring even if minting happens on desktop. Masterly designed mobile layouts for all core surfaces: dashboard, position overview, APR tracking, and token overview. The swap widget on mobile uses a bottom-sheet pattern for the advanced controls, keeping the primary flow clean on smaller screens.
The Outcome
Masterly delivered a complete web experience for USDV — landing page through core transaction flows — designed around one principle: show users exactly what they're putting their money into and exactly what it's doing at all times.
The dual-audience approach on the swap widget means the platform can serve both newcomers and experienced DeFi users without compromising the interface for either. The design system supports the product's core claim — 1:1 USDC backing, verifiable yield mechanics — at every touchpoint, not just on the marketing page.
Deliverables
- Landing page (full web, responsive)
- Mint & stake flow (all states: empty, loading, confirmation, success, error)
- Performance dashboard with APR tracking cards
- Token overview screens (USDV + yield token)
- Swap widget (default + advanced mode, mobile)
- Mobile-responsive layouts for all core surfaces
- Design system & component library
- Development-ready Figma handoff
