How we built a Token Swap feature for our Crypto Wallet
Role
Product Designer
Scope
Research
Information Artchitecture
UX Design
Visual Design
Animation
Duration
2 Months
Team
1 × Product Designer
1 × Product Manager
3 × Developers
Objective
To create a swap functionality for Veera Wallet users, allowing them to easily swap the assets they hold.
Why are we doing this?
Users tends to hold those assets which they hope to increase in the future. To achieve this they usually swap the assets which they hold in their wallet.
Need and opportunity
Making crypto accessible
Swaps are useful for rebalancing portfolios or moving between tokens on different chains. They help save time, reduce complexity, and improve the overall user experience.
Daily Trading volume
$61.8 Billion
Daily Platform fee collected
$9.3 million
The cryptocurrency exchange landscape has experienced significant growth, with both centralized and decentralized exchanges reaching annual trading volume to approx $18 Trillion.
Main players
I evaluated Binance, Uniswap, Phantom, and OKX using trading volume, supported tokens/chains, fees, slippage, cross-chain support, UX, and security. Insights came from market reports, exchange docs, and analytics platforms, along with TVL and platform innovations to gauge trust and adoption.
Traditional user journey
Step 1
Visit to DEX or DEX Aggregators
Step 2
Connect their wallet
Step 4
Initiate the swap
Step 3
Choose the assets
Step 5
Pay the gas fee
💬 The goal here is to reduce the steps & make these tasks seamless within the ecosystem of our native app.
Challenges
Token Compatibility & Standards
Not all tokens follow the same standards (e.g., ERC-20 vs BEP-20), and some swap features may not support certain tokens, causing failed transactions or user frustration.
Complex UX & Jargon
Terms like slippage tolerance, liquidity pools, gas estimation, or router paths can overwhelm non-technical users. Inconsistent UX across apps can increase confusion.
Lack of Cross-Chain Support
Swapping assets across different blockchains (e.g., ETH to BNB) usually requires bridges or specialized protocols. Many DEXs do not natively support this, and the process can be complex or risky.
Scams & Fake Tokens
Especially on permissionless platforms, users can easily swap into scam or fake tokens with identical names or logos to legit ones, leading to losses.
Limited Transparency
Some platforms abstract too much away, making it hard for users to understand what’s happening behind the scenes (e.g., which route was used, what fees were taken, etc.), reducing trust.
High Level Solution
An overview of the direction which would help us to achieve the desired results.
User find the best swap price
Users will be able to access the swap page and compare prices to identify the best available rate for their token swap.
Verify optimal pricing
Users will be able to access the swap page and compare prices to identify the best available rate for their token swap.
Import custom tokens
Users will be able to access the swap page and compare prices to identify the best available rate for their token swap.
Seamless multi-chain swapping
Users will be able to access the swap page and compare prices to identify the best available rate for their token swap.
Success metrics
An overview of the direction which would help us to achieve the desired results.
Revenue
Daily Fee collected
Best Price access
User Engagement
Average session time
Swap compeltion time
DAU, MAU increment
Expand User Base
Cross- chain compatibility
NPS score
Security
Number of security incidents (lower is better)
Wireframes
Veera Swap
Happy Flow
This is how the shortest path from selecting an asset to completing the transaction looks like for a successful swap.
Scroll
Import Token Flow
If a token wasn't found in the list this flow enabled the user to import a custom token to be swapped.
Scroll
Other Elements and Screens
Dark mode
Color tokens from our custom color system were implemented as Figma variables to ensure consistency across appearance modes and streamline developer handoff
Projected Impact
Below is the estimated impact in terms of user numbers & revenue.
Metric
March 25 (Current)
Aug-25 (Conservative)
Aug-25 (Optimistic)
MAU
1,301,374
1,340,415 (+3%)
1,392,470 (+7%)
DAU
63,521
66,697 (+5%)
69,873 (+10%)
Avg. Session Length (s)
149.47
156.9 (+5%)
171.9 (+15%)
Sessions/User/Month
2.12
2.23 (+5%)
2.33 (+10%)
Users using Swap
-
26,808 (2%)
69,624 (5%)
Revenue forecast
Avg. Swap Transaction Size: $100
Swap Fee: 0.15%
Swap Frequency: 2 swaps per user per month
Swap Feature Adoption:
Conservative: 2% of MAU
Optimistic: 5% of MAU
