Redesigning Freechat Group Earnings
Make Earnings Clear. Make Withdrawals Simple.
I redesigned Freechat Group Earnings to make earnings clear and easy to manage, so group owners know what they earn, where it’s from, and how to withdraw it.
About Freechat & Group Earnings
Freechat is a Web3 social platform focused on privacy, ownership, and open expression. It offers end to end encrypted messaging, lively group chats, live streaming, and short video, all backed by blockchain.
Group Earnings is the place where a group’s revenue is collected and explained. It consolidates income from memberships, creator activity, and ads across networks like Ethereum, BNB Chain, and Base, shows totals, trends, and sources with fiat equivalents, and lets group owners withdraw to their own Web3 wallet while the system handles the correct network route and fee checks.
Timeline
Novmber 2024
(~4 weeks)
Role
Product Designer (Me)
UI Designer
CEO (PM)
CTO
Task
User research
Prototyping
Visual Design
Usability testing
Tool
Figma
Modao
(A prototyping and collaboration tool)
Impact
100%
of group owners check the new feature after launch
80% +
Engagement rate on earnings page visit
9 / 10
Post-launch internal satisfaction score
What's the problem?
The system scaled.
Freechat expanded from supporting only Ethereum to handling multiple blockchains like BNB Chain and Base. Group owners could now earn in more ways than ever.
Before
Now
Token1
Token3
Token 5
Token n
Token4
Token2
C
C
Ethereum
Freechat
Freechat originally only supported projects using the Ethereum blockchain.
C
C
C
C
C
Ethereum
Base
BNB Chain
Ethereum
Chain n
Freechat
Token 1
Token 2
Token 3
...
Token n
Freechat works across multiple blockchains, letting creators earn and withdraw from different networks like Ethereum, BNB Chain, and more.
Then, the experience fell behind.
While the backend supported multi-chain earnings, the interface left group owners confused. They could not easily tell where their income came from, how much they had made, and how to withdraw across chains.
Why does this matter to the business?
More Active Groups, More users, More Revenue
After analyzing the business model, I identified a risk at the Delight stage: when group owners cannot clearly see or easily withdraw their earnings, they lose motivation to grow and optimize their groups.
This slows growth, reduces member engagement, and limits the platform’s revenue potential.
Project Goal
How might we motivate group owners to actively grow and optimize their groups by making earnings easier to understand, trust, and act on?
So, who are the group owners?
3 core archetypes behind Freechat's group
Through interviews with our CEO and stakeholders, I identified three dominant group owner profiles based on their familiarity with Web3 and their role as content creators. These profiles help explain differences in motivation, earning patterns, and the type of guidance they need to grow their groups.
Primary Persona
Secondary Persona A
Secondary Persona B
Vera
Age: 32
🇸🇬 Singapore
Non-Creator
Familiar with Web3
Needs: Clear financial tracking and quick withdrawal options
Skilled at navigating crypto platforms and managing wallets
Focuses on fostering community connections rather than producing content
@RTFKT
Why do group owners currently lack motivation to optimize their groups?
User interviews: Exploring group owner mindset
To understand group owners’ perspectives on growing their groups, I conducted one-on-one remote interviews, which included moderated usability testing, with two active Freechat group leaders.
💭
01 Understanding & Awareness
How well do they understand how group growth translates into earnings?
How closely do they monitor the available data, and which metrics draw their attention most?
🔧
02 Behavior & Habits
How do they currently check and interpret their earnings?
How often do they review the group’s financial data?
💪
03 Motivation & Pain points
What challenges or frustrations do they face when trying to understand earnings?
In what situations do they feel motivated to optimize or grow their group?
Why do group owners currently lack motivation to motivate their groups?
Key findings & Insights
To understand group owners’ perspectives on growing their groups, I conducted one-on-one remote interviews, which included moderated usability testing, with two active Freechat group leaders.
01 The feature is deeply buried, and some users are not even aware it exists.
Users had to take four steps to reach the group earnings page, and many users struggled to locate it at all, and some never discovered the feature.
02 Creators had different mental models of earnings
Some users tracked daily earnings and focused on precise amounts, while others cared more about long-term trends to guide group decisions. Both groups needed reliable access to earnings data at different levels of granularity.
03 Users wanted faster access and proactive updates
Users had to take four steps to reach the group earnings page. Some also wanted daily earnings notifications for peace of mind and faster decision-making.
Pain Point 01
Multi-chain earnings,
single-chain design
Originally, Freechat only supported the Ethereum network, where group earnings were straightforward. Now, with the addition of multiple networks, users need a new way to withdraw assets across different chains.
This is what the current solution for Group Wallet looks like.
To save time, the CEO initially asked me to reuse the personal wallet’s multi-chain withdrawal flow. But user feedback revealed confusion: the flow required users to know which tokens lived on which chain, with no upfront visibility into balances.
This is what the current solution for Multi-chain Withdrawal looks like.
Competitive analysis
Rethinking Withdrawals for Multi-Chain Clarity
To understand how leading crypto wallets handle multi-chain token visibility and withdrawals, I analyzed popular products including MetaMask, OKX Wallet, Coinbase Wallet, Uniswap Wallet, and Phantom.
My goal was to identify common UX patterns, information hierarchy, and potential gaps that could inform a more intuitive design for Freechat’s group wallet experience.
Key UX Patterns Missing in Our Experience
01
All competitors use a token icon paired with a smaller chain icon to clearly show the token’s network at a glance.
02
Most competitors show tokens and their networks in a single view. None require selecting a chain first. This reduces friction by minimizing page transitions and helps users understand the token–network relationship more intuitively.
All competitors display both the token balance and its equivalent value in USD.
03
All competitors provide a shortcut to input the maximum amount when entering withdrawal values.
Iteration
Refining Withdrawal UX Through Two Rounds of Design
To understand how leading crypto wallets handle multi-chain token visibility and withdrawals, I analyzed popular products including MetaMask, OKX Wallet, Coinbase Wallet, Uniswap Wallet, and Phantom.
My goal was to identify common UX patterns, information hierarchy, and potential gaps that could inform a more intuitive design for Freechat’s group wallet experience.
Phase 1
Phase 2
Optimize the Existing Flow
As a quick win, I iterated on the original flow by introducing alphabetical sorting and a search box, displaying only networks with available balances at the top. In the token selection step, I further reduced friction by showing only tokens with withdrawable balances on the selected chain.
Final withdrawl experience design
Phase 1
Phase 2
Optimize the Existing Flow
To accelerate the launch, I started with micro improvements—introducing features like a search box, alphabetical sorting, and consistent icon styling to enhance usability.
Feature highlights
Pain Point 02
No big picture for
group earnings
Data was scattered across pages, with no dashboard showing totals, trends, or breakdowns. Earnings data was fragmented across different pages, with no unified dashboard to help creators understand how much they earned, where it came from, or how it changed over time.
This is what the current solution for Group Wallet looks like.
Define
Clarifying What Matters to Group Owners
I collaborated with our CEO, CTO, and an active group owner to identify the key use cases our solution needed to support. My goal was to understand which financial metrics mattered most to group owners and to clarify the technical constraints around data visualization.
Group Wallet
All Earnings
Withdraw
01 Membership
02 Creator Contribution
03 Mini-Programs
@3F Angle
“I want to know how many users subscribed to each membership tier per month, and how many active memberships there are currently.”
User Need
@CTO
“We can support comparing earnings from this month with the same period last month.”
User Need
@CEO
“The data should motivate group owners to actively manage and grow their communities.”
📍
User Need
Freechat groups offer a subscription model that allows users to access VIP-only content and enjoy higher revenue-sharing ratios. Users can choose from three subscription tiers: monthly, quarterly, or yearly, each providing increasing benefits and access levels depending on the duration.
Business Requirement
"Make sure the layout and components are reusable, we’ll need them for other earnings features later on."
@CEO
Ideation
Exploring a Reusable Page Foundation for Group Wallet
During ideation, I focused on defining a reusable layout and a clear information hierarchy.
I broke down the page into core building blocks: cards, data visualizations, and supporting UI elements.
Each card is designed to adapt based on the type of earnings it represents, ensuring flexibility while maintaining consistency across different data types.
Homepage
Earning Details
Exploring Layouts for a More Actionable Wallet Overview
Based on prior research findings, I decided to design a homepage for the Group Wallet that surfaces key information at a glance, including monthly earnings and quick access to the withdrawal feature.
I explored different layout options to find a structure that best supports users’ mental models and priorities.
Check sketches
Final Solution
Whithdrawal Experience
All Earnings
Streamlined Access to Group Earnings
Group owners can now view their monthly earnings and wallet balance in just two taps. Key metrics are clearly displayed with visual priority, and the Withdraw button ensures fast access to the most important action.
Feature highlights
Result
Impact After Launch
After launching the first phase of the internal release, we received very positive feedback from both our team and several loyal users.
100%
of group owners check the new feature after launch
80% +
Engagement rate on earnings page visit
9 / 10
Post-launch internal satisfaction score
Reflection
Balancing Quality and Speed in Real-World Projects
This was my first large-scale project as a product designer, where I took the Group Wallet from concept to launch.
🤿 Deep dive into industry & backend
I built a foundation in crypto wallet UX and backend infrastructure, understanding how multi-chain earnings and withdrawals work from 0 to 1.
⏰ Limited research and testing
The most challenging part of this project was designing a high-quality, scalable experience under significant time pressure. The project didn’t allow for multiple user-testing cycles or large-scale surveys. Instead of long research cycles, I used competitive analysis and in-depth think-aloud sessions to guide my iterations and secure stakeholder approval. This allowed me to ship improvements that met user needs while fitting the tight launch schedule.
📏 Engineering and business alignment
The CEO initially requested reusing the personal wallet’s flow to save development time. To balance feasibility and UX quality, I maintained frequent check-ins with the CEO and CTO, sharing sketches and small iterations early. Regular communication allowed me to confirm technical feasibility, align with business priorities, and implement low-effort but high-impact improvements such as showing only withdrawable tokens, adding network tags, and simplifying sorting.