How I designed LiquidFi to boost Liquidity Participation by 50%, increase Total Value Locked (TVL) by 20%, and reduce drop-off rates by 35%
TL;DR
Problem
DeFi platforms overwhelm users with cluttered interfaces, confusing real-time data, and difficult wallet integrations. Beginners struggle to engage in liquidity pools and staking due to poor navigation and lack of transparency.
What I Did
Designed a user friendly platform to simplify liquidity management, staking, and reward tracking. Built for both novices and experts, featuring clear APR visualizations, real-time data, and effortless wallet integration.
Impact
Liquidity Engagement 50% ▲
30% participation rate → 50% participation rate
Clear APR visibility and real-time updates encouraged more users to engage with liquidity pools.
Staking Engagement 65% ▲
25% staking participation → 65% staking participation
Streamlined staking and real-time reward tracking made it easier for users to participate.
Drop-Off Rates 35% ▼
40% drop-off rate → 35% drop-off rate
Simplified wallet integration and onboarding reduced friction, improving user retention.
Project Overview
DeFi platforms often confuse users with cluttered designs, unclear APR tracking, and complex wallet integrations. Both beginners and experienced users found it challenging to navigate and engage in liquidity pools and staking. This led to low participation and high user abandonment.
Key Task
Simplify liquidity management with a clean, intuitive interface.
Improve portfolio tracking with real-time updates and clear APR data.
Boost user engagement by making liquidity pooling, staking, and reward claiming more accessible.
2022
12 weeks
UX/UI Designer
Team of 3 UX/UI Designer
Waves Tech
Year
Duration
Role
Team
Client
Design Toolkit
Figma, InVision, Maze
Context
WavesTech’s users, both novice and experienced, were struggling with real-time data accessibility and the steep learning curve of managing crypto investments. They sought to confidently manage their assets without feeling overwhelmed.
Types of DeFi users
-
Characterized as short-term traders, scalpers earn money by reselling stocks and benefiting from small price changes. They usually hold their positions open from several seconds to a few minutes.
-
Aiming to gain advantage of small market movements, they are focused on trading without leaving open positions overnight. The average open time of a day position is typically less than an hour.
-
The key objective of swing traders is to capture short- and medium-term profit over an extended period. As a rule, the average duration of an open position varies between a couple of days and several weeks.
-
Putting the main emphasis on macro trends and asset growth potential, position traders buy assets, whose value is likely to increase over the long run. So, they are not too concerned about monitoring short-term price fluctuations.
-
They evaluate the individual performance and characteristics of each asset to make the most realistic value estimation. Fundamental traders generally open positions for the long term.
Secondary Research Insights
70% of new crypto users abandon DeFi platforms
due to overly complex interfaces and unclear guidance on basic actions such as staking and liquidity management
40% of active DeFi users report difficulties in tracking APR
and understanding real-time data, leading to missed opportunities for better returns
50% of users expressed dissatisfaction with wallet integration
on existing platforms, citing challenges in connecting their wallets and managing their portfolios effectively
Primary Research Insights
(Conducted moderated user interviews and surveys with 20 novice and experienced crypto users to understand their pain points)
Beginners frequently abandoned platforms
due to confusing jargon and a lack of guidance on how to stake or add liquidity.
Experienced users were frustrated
by the lack of real-time APR tracking and poor data visualization, complicating liquidity pool management.
Both groups wanted better wallet integration
and a more intuitive user flow for liquidity and staking, with real-time feedback and portfolio clarity.
User Journey Map
(See enlarged version here)
Summary of Opportunity Areas:
Onboarding: Simplify wallet setup and platform introduction with clear, user-friendly guidance.
Liquidity Pool Navigation: Make pool discovery intuitive with filters, APR explanations, and risk clarity.
Staking: Streamline the staking process by simplifying forms and making APR/fees transparent.
Portfolio & Performance Tracking: Offer real-time, centralized performance tracking in a single dashboard.
Liquidity & Rewards: Provide easy liquidity withdrawal and reward claiming, with instant feedback.
User Engagement: Encourage retention through personalized notifications and community involvement.
Problem Statement
How might we reduce user confusion in DeFi by simplifying complex data, improving wallet integration, and boosting liquidity participation?
Early concept testing
(moderated) with a control group of 15 novice and experienced DeFi users to evaluate usability across key features.
1. Liquidity Pool
Real-time data on liquidity pools, APR, and rewards.
Metrics and performance indicators simplify pool selection for better decision-making.
Feedback: The amount of real-time data overwhelmed some beginner users.
Insight: Progressive disclosure (e.g., hover-over tooltips) for complex terms like APR could reduce confusion for novice users while keeping experts satisfied.
2. Swap Feature Token Selection
Simple dropdown options for token pairs.
Slippage Settings: Customizable slippage tolerance for optimal transaction rates.
Real-Time Token Values: Shows value and equivalent amounts before confirming the swap.
Review Swap: Breakdown of pay/receive details, slippage tolerance, and transaction route.
Feedback: Several users struggled with understanding slippage tolerance and how it impacted their transactions.
Insights: Include a brief explanation or example next to the slippage setting to help users adjust it according to market conditions.
3.Stake for Incentives
One-click staking for rewards.
Add/Remove Liquidity: Simple liquidity contribution and withdrawal actions.
Token Search & Slippage Settings: Quick search, dropdown options, and adjustable slippage tolerance.
Guide Wizard where users might need more information
Feedback: A few users found the staking process complex and expected a more guided flow for first-time stakers.
Insight: A step-by-step wizard for staking could simplify the process for beginners and encourage greater participation.
Information Architecture
Key Strategy
Small Tasks: Simplified, smaller steps for complex processes
Minimized Confusion: Reduced decision fatigue
Access to Critical Features: Staking, pool creation with minimal friction
Real-Time Feedback: Boosts user confidence
Seamless Transitions: Smooth task progression
User Engagement: Suitable for both new and experienced users
Design System
Introducing
LiquidFi
Wallet Integration and Onboarding
Wallet Explanation: Simple, clear explanation of wallet functions.
Supported Wallets: Integration for MetaMask, Coinbase, etc.
Connect Wallet CTA: Bold, visible button for seamless connection.
Liquidity Pools Overview & Real-Time Data
Add Liquidity Button: Easy-to-find action button for pool engagement.
Pool Information: Displays clear TVL, APR, and reward data with color-coded performance indicators.
Charts & Graphs: Visual representation of 30-day pool performance and liquidity data.
Portfolio Management & Staking
Portfolio Dashboard: Overview of claimable incentives and staked assets.
Stake Pools: Pool value, APR, and staking options easily accessible.
Creating & Managing Liquidity Pools
Create Weighted Pool: Step-by-step setup with real-time previews.
Pool Summary: Shows token prices, composition, and fees before finalizing.
Content Display and Breakdown
How to Engage with Content:
Watch Videos: Tap on the video heading to quickly play media content.
Read Key Information: Use clear headings to dive into sections that interest you.
Quick Insights: Scan bullet points for fast, actionable takeaways.
Explore Content: Navigate content blocks for more in-depth reading.
Swap Feature
Token Selection: Simple dropdown options for token pairs.
Slippage Settings: Customizable slippage tolerance for optimal transaction rates.
Real-Time Token Values: Shows value and equivalent amounts before confirming the swap.
Review Swap: Breakdown of pay/receive details, slippage tolerance, and transaction route.
Review Swap
Pay/Receive Details: Shows token amounts for both input (wstETH) and output (ETH).
Slippage Information: Displays max slippage tolerance and expected received amount.
Transaction Route: Clear breakdown of the exchange path and token conversion.
Key Design Tokens & Actions
Stake for Incentives: Simplified staking to earn rewards.
Add Liquidity: One-click option to contribute liquidity.
Remove Liquidity: Easy access to withdraw funds from liquidity pools.
Slippage Settings:
Customizable slippage tolerance (1%, 2%, 3%),
Toggle for using signatures.
Staking Tokens:
Summarized staking details (total value, share),
Confirmation buttons for approval.
Token Search:
Dropdown options for selecting tokens,
Quick filter and search bar for easy navigation,
Display of popular tokens.
Value Delivered
50% Liquidity Increase
Intuitive UI, clear APR tracking drove higher participation.
65% Staking Engagement
Transparent rewards, simplified pool management.
35% Drop-off Reduction
Improved onboarding, wallet connection, and staking process.
Learning
FinTech Complexity: Simplified APR and liquidity concepts using visual aids and progressive disclosure.
User Behavior with Data: Prioritized clean visuals for digestible real-time data and introduced advanced metrics gradually.
Building Trust: Provided real-time feedback to enhance user confidence, retention, and loyalty.
Next Steps
Cross-Platform Compatibility: Ensure responsive design across devices and explore PWAs and mobile apps.
Emerging Technologies: Integrate AI chatbots, VR/AR for immersive DeFi experiences, and real-time assistance.
Personalization: Offer customizable layouts, themes, and personalized insights based on user data.
Enhanced Security: Implement 2FA, biometric authentication, and hardware wallet support for data transparency.
Challenges
New to FinTech: Conducted research to understand and design for liquidity, staking, and APR functionalities.
Real-Time Data Presentation: Balanced simplicity and details using minimal icons, clean typography, and progressive disclosure.
Simplicity vs. Functionality: Refined workflows to cater to both novice and expert users through user testing.
Conclusion
Improved liquidity participation, staking, and user retention by combining simplicity with powerful tools, positioning LiquidFi as a trusted DeFi platform.