Context
OKX On-chain Earn is a centralized platform that enables users to earn interest directly from a curated selection of on-chain protocols, eliminating the hassle of setting up wallets, paying gas fees, etc.
ROLE
Product designer
Timeline
May 2024 - Sep 2024
Tools and skills
Interaction design, data analysis, design workshop

Simplify the Defi earning experience

How redesigning OKX On-chain Earn's subscription journey led to 52% better conversion rates by prioritizing familiarity and improved information hierarchy
Web 3
Financial Products
Product Design
The Problem
As the product line expands, 40+ products were listed to users all at once without a structure that helps them get started. Different product also comes with different set of rules, such as reward payment schedules, fixed or flexible terms, and withdrawal timeframes. The subscription page has become crowded with all this information, making it overwhelming and confusing for users to understand.
Project Goals
We took a phased approach to improve the overall experience.
Phase One: Landing Page Optimization
Improve product discovery by optimizing the landing page to help users quickly find products that interest them.
Phase Two: Improve the Information Clarity During Subscription
Reduce cognitive load by making product information more digestible and ensuring critical details are presented more effectively. This included better visibility of key information such as source of earning, reward distribution frequency, and redemption time.
Phase one: Landing Page Optimization
To better understand users’ thoughts and behaviours, we turned to interaction data and found some interesting insights.
Data finding 1: Users show strong exploration behavior but need better support
We observed users' high motivation to explore the landing page independently, as shown by their frequent navigation between available pages before eventually dropping off.
Engangement distribution on landing page
Data finding 2: Users convert faster with familiar tokens
Users showed a higher and faster subscription rate when entering from the asset page, which displays their existing holdings. Other pages that clearly showed users' current assets also led to better conversion rates. This demonstrates that users' existing holdings are more influential than interest rates for product recommendations.
Conversion based on entry point
How might we help users discover relevant products more efficiently by leveraging their familiarity with existing assets, while simplifying the exploration journey?
Designing for actionability
We brainstormed ways to restructure products and display formats to capture users' interest, exploring categories like "staking"/"DeFi" and common labels like "popular" and "new." However, these categorizations felt either like forced education or irrelevant to users.
Based on our data findings, we shifted our approach to prioritize showing tokens users already own instead of highlighting high APR rates. We streamlined the experience by removing unnecessary education and excessive filtering, focusing instead on familiar products in users' existing portfolios.
Phase Two: Improve the Information Clarity During Subscription
Aligning the Team
To build shared understanding and goals, we held an alignment and prioritization workshop where we grouped 100+ customer service feedback by theme and ranked issues by importance and urgency.

This focused approach helped us tackle our top priorities and reduced iteration rounds by 40% compared to previous projects.
Important product information are invisible to the user
Though all information was present in the user journey, customers struggled to identify key product features like earning sources, reward schedules, and redemption periods. These crucial details were hidden within dense paragraphs instead of being highlighted effectively.
How might we transform dense product information into easily digestible formats that capture users' attention?
Designing for focus
The workshop helped us identify key information that users frequently missed, leading to customer complaints. These critical details needed to be clearly visible throughout the subscription journey:
  • Source of earning
  • Reward distribution frequency
  • Redemption time
Working with stakeholders, we explored various approaches to determine the optimal placement for each piece of information.
Showing the right info at the right time
Instead of overwhelming users with a wall of text, we removed the pre-subscription education page and encouraged them to  type and visualize their estimated earnings.
We strategically placed the information based on decision-making priority: 1) Redemption period was placed near the CTA button since it's crucial for decision-making, especially for users concerned about liquidity, 2) Less critical information like reward frequency was moved to the confirmation page as supplementary information.
This approach transformed dense information into a more digestible format by presenting the right information at the right time in the user journey, rather than overwhelming users with everything at once.
Improved visual hierarchy
We simplified and improved the visual hierarchy of the help center page to make it more scannable.
We used clear section headers with large, bold typography to create distinct content blocks and semi-bold typography to highlight key information. Bulleted timelines with ample spacing helped break down complex information about token distribution and rewards.
Removing Defi jargons
Together with the content designers, we re-evaluated and replaced DeFi jargon with easy-to-understand terms:
  • Protocol → Source of earning
  • Interest accrual time → reward distribution
  • Product mechanism → When will I start earning?
Project Impact
The landing page optimization in Phase One combined with the information clarity improvements in Phase Two enhanced overall user engagement and subscription completion rates.
114%
increase in landing conversion
45%
increase in subscription conversion
Both phases delivered significant improvements to our conversion metrics.
52.28%
increase in overall conversion
188%
decrease in time to convert
Key Takeaways
  • Revisit data when unsure about design decisions
  • Stakeholder alignment prior to design review saves time
  • Revamp takes time, so be patient and trust the process
Other Projects