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:

  1. Onboarding: Simplify wallet setup and platform introduction with clear, user-friendly guidance.

  2. Liquidity Pool Navigation: Make pool discovery intuitive with filters, APR explanations, and risk clarity.

  3. Staking: Streamline the staking process by simplifying forms and making APR/fees transparent.

  4. Portfolio & Performance Tracking: Offer real-time, centralized performance tracking in a single dashboard.

  5. Liquidity & Rewards: Provide easy liquidity withdrawal and reward claiming, with instant feedback.

  6. 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

  1. Small Tasks: Simplified, smaller steps for complex processes

  2. Minimized Confusion: Reduced decision fatigue

  3. Access to Critical Features: Staking, pool creation with minimal friction

  4. Real-Time Feedback: Boosts user confidence

  5. Seamless Transitions: Smooth task progression

  6. 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.

Previous
Previous

Admin Dashboard for Inventory and Order Management

Next
Next

Artful Way-finding UI Design at Enso Village