Designing A More Connected Crypto Trading Experience
An all-in-one platform that streamlined the fragmented copy trading workflows, brings together real-time trader communication and tailored trading bots.
@Crypto-Arsenal
Timeline
Oct. 22 - Apr. 23
Tools
Figma, FigJam, Jira
My Role
Leading UX designer
with 1 Product Manager
and 3 Front-end Engineers
My Responsibilities
UX Research, Solution Ideating, Wireframing, Prototyping, Design System, User Testing
Why we built this—
It’s a win-win for our users and our business
For our users
- A more engaging trading experience
- Offers more customization and flexibility
For our business
- Expands market reach & user base
- Strengthens company’s competitive edge
Solution Snapshot
Solution Highlight 1
I replaced a fragmented copy trading process and constant platform-hopping with one integrated platform.
Traders previously relied on separate platforms—social media for insights, private groups for signals, and trading platforms for execution—resulting in delays and inefficiencies. This fully integrated solution streamlines the entire journey, allowing users to explore lead traders and execute copy trades in one place.
Solution Highlight 2
I introduced a tiered membership system that made strategy access clearer for users and more flexible for lead traders.
Lead traders previously lacked a way to classify their strategies or communicate differentiated benefits, which made it difficult for copy traders to find options that matched their goals. A tiered membership system allows lead traders to provide exclusive strategies and benefits, while copy traders gain access to strategies that match their needs.
Solution Highlight 3
I initiated the idea of bringing social interaction into the platform to foster trust and connection between traders.
Traders previously relied on external platforms to communicate, which fragmented the experience and made it harder to build trust. By introducing a built-in community hub, I created a space where lead and copy traders can connect, share insights, and form stronger relationships.
Before jumping into the design details, let’s take a step back and look at the bigger picture—
How cryptocurrency trading works and what the company (Crypto-Arsenal) does?
Starting with Crypto: What is it?
Just like traditional financial market, there are traders on the market exchanges regular money for crypto through an exchange. And exchange acts like a middleman that help traders trade.
But the challenge of crypto industry is that trading usually requires traders to trade manually, and be knowledgeable about the crypto industry.
So Trading Strategies come to the market: Strategies are the rules or algorithms that help them monitor the market and trade more effectively.
And Crypto-Arsenal is a platform that connects directly with exchanges and provides traders with automated strategies to trade.
And Crypto-Arsenal is a platform that connects directly with exchanges and provides traders with automated strategies to trade.
It’s built as an ecosystem that brings together both traders and developers. Developers create strategies, and traders use them.
Crypto-Arsenal’s model definitely creates value for both sides of users and for the company itself. However, since the strategies are not 100% automated, and often need fine-tuning by trader themselves.
However, we identified a Problem...
However, we noticed that — not all users have expertise or time to monitor and fine-tune their trading bots.
First, let’s ask our users
“I want to offer exclusive strategies to traders who’ve been loyal followers.”
Alex Hsu
Transport at Suite Nectar
“I want to offer exclusive strategies to traders who’ve been loyal followers.”
John Wang
Transport at Suite Nectar
“I want strategies that match my level, but it’s hard to find tailored options.”
Jade Huang
Transport at Suite Nectar
“Having to use multiple platforms for copy trading feels inefficient.”
Richard Lee
Through interviews with users about their current experience with trading , we validated the pain points and identified 3 key user needs:
đź’ˇ Integrated Platform
đź’¬ Communication Space
🎯 Tailored Trading Bots
đź’
We believe that creating a unified platform for traders to both trade and communicate could serve as a viable solution.
Next, knowing our competitors and the market
I found that other crypto trading platforms barely focus on building connections between lead traders and their copy traders. But it’s a crucial part because traders only do copy trades if they trust the lead traders.
đź’
Besides trading and communicating, we need to focus on building trust and connections to create unique distinctions.
Our Unique Approach
Design a more connected and more seamless copy trading experience for both lead traders and copy traders.
With our platform, lead traders can:
Publish trading bots and monetize their expertise
Share information with their copy traders easily
Classify and provide different types of bots t traders
With our platform, copy traders can:
Discover and follow trusted traders and trade with them
Get timely trading info and updates from lead traders
Trade with the tailored bots that match their preferences
User Flow 1
Lead traders publish a strategy to their store.
In the original flow, when users wanted to publish a strategy to the store, they had to first navigate to a separate page that listed all of their strategies and then select the one they wanted to publish.
1/7: Select "Add New Strategy" button
2/7: Select "Add" to publish the strategy
3/7: Fill in the strategy basic settings
4/7: Fill in the investment-related settings
5/7: Fill in the profit-related settings
6/7: Set up the strategy access permission
7/7: Publish successfully!
During user testing, we found that the process of navigating to separate page disrupted the user experience, and the page switch caused unnecessary confusion.
So I redesigned the flow to allow users to complete the entire process directly on the store page.
User Flow 2
Traders select a lead trader’s store and join the membership.
1/5: Select a store
2/5: Navigate to "Membership" page
3/5: Select a membership tier
4/5: Confirm & Join membership
5/5: Join successfully
Based on feedback from internal design reviews, I refined the store card layout to highlight key performance metrics.
I prioritized data-driven information for clearer store performance, making better use of limited card space.
User Flow 3
After joining the membership, traders select a strategy, add it to their watchlist, and trade.
1/4: Navigate to "My Tier Strategy" page
2/4: Add strategy into watchlist
3/4: Navigate to "Watchlist" page
4/4: Live trade with the strategy
To create a more cohesive experience, I aligned the strategy layout with the updated store card design.
I switched to a vertical layout to enhance readability and emphasize the CTA button “Add to watchlist”, making key information more accessible.
Final Designs
Homepage
Store Detail Screens
Strategy Publishing Screens
Impact
🎉 The platform’s launch successfully attracted 10 strategy teams and 40+ daily traders in its first week, and boosted user engagement by 30% within its first month.
My Takeaways
- Balance between the limitations of resources and the deliverables.
- Communicate with cross-functional partners timely and think from different perspectives, e.g. consider the technical constraints, create clear design specs.
- Always keep users’ problems and goal in mind while looking for solutions and designing.
Scroll to top
Designing A More Connected Crypto Trading Experience
An all-in-one platform that streamlined the fragmented copy trading workflows, brings together real-time trader communication and tailored trading bots.
@Crypto-Arsenal
Timeline
Oct. 22 - Apr. 23
Tools
Figma, FigJam, Jira
My Role
Leading UX designer
with 1 Product Manager
and 3 Front-end Engineers
My Responsibilities
UX Research, Solution Ideating, Wireframing, Prototyping, Design System, User Testing
Why we built this—
It’s a win-win for our users and our business
For our users
- A more engaging trading experience
- Offers more customization and flexibility
For our business
- Expands market reach & user base
- Strengthens company’s competitive edge
Solution Snapshot
Solution Highlight 1
I replaced a fragmented copy trading process and constant platform-hopping with one integrated platform.
Traders previously relied on separate platforms—social media for insights, private groups for signals, and trading platforms for execution—resulting in delays and inefficiencies. This fully integrated solution streamlines the entire journey, allowing users to explore lead traders and execute copy trades in one place.
Solution Highlight 2
I introduced a tiered membership system that made strategy access clearer for users and more flexible for lead traders.
Lead traders previously lacked a way to classify their strategies or communicate differentiated benefits, which made it difficult for copy traders to find options that matched their goals. A tiered membership system allows lead traders to provide exclusive strategies and benefits, while copy traders gain access to strategies that match their needs.
Solution Highlight 3
I initiated the idea of bringing social interaction into the platform to foster trust and connection between traders.
Traders previously relied on external platforms to communicate, which fragmented the experience and made it harder to build trust. By introducing a built-in community hub, I created a space where lead and copy traders can connect, share insights, and form stronger relationships.
Before jumping into the design details, let’s take a step back and look at the bigger picture—
How cryptocurrency trading works and what the company (Crypto-Arsenal) does?
Starting with Crypto: What is it?
Just like traditional financial market, there are traders on the market exchanges regular money for crypto through an exchange. And exchange acts like a middleman that help traders trade.
But the challenge of crypto industry is that trading usually requires traders to trade manually, and be knowledgeable about the crypto industry.
So Trading Strategies come to the market: Strategies are the rules or algorithms that help them monitor the market and trade more effectively.
And Crypto-Arsenal is a platform that connects directly with exchanges and provides traders with automated strategies to trade.
And Crypto-Arsenal is a platform that connects directly with exchanges and provides traders with automated strategies to trade.
It’s built as an ecosystem that brings together both traders and developers. Developers create strategies, and traders use them.
Crypto-Arsenal’s model definitely creates value for both sides of users and for the company itself. However, since the strategies are not 100% automated, and often need fine-tuning by trader themselves.
However, we identified a Problem...
However, we noticed that — not all users have expertise or time to monitor and fine-tune their trading bots.
First, let’s ask our users
“I want to offer exclusive strategies to traders who’ve been loyal followers.”
Alex Hsu
Transport at Suite Nectar
“I want to offer exclusive strategies to traders who’ve been loyal followers.”
John Wang
Transport at Suite Nectar
“Having to use multiple platforms for copy trading feels inefficient.”
Richard Lee
Transport at Suite Nectar
“I want strategies that match my level, but it’s hard to find tailored options.”
Jade Huang
Transport at Suite Nectar
Through interviews with users about their current experience with trading , we validated the pain points and identified 3 key user needs:
đź’ˇ Integrated Platform
đź’¬ Communication Space
🎯 Tailored Trading Bots
đź’
We believe that creating a unified platform for traders to both trade and communicate could serve as a viable solution.
Next, knowing our competitors and the market
I found that other crypto trading platforms barely focus on building connections between lead traders and their copy traders. But it’s a crucial part because traders only do copy trades if they trust the lead traders.
đź’
Besides trading and communicating, we need to focus on building trust and connections to create unique distinctions.
Our Unique Approach
Design a more connected and more seamless copy trading experience for both lead traders and copy traders.
With our platform,
lead traders can:
Publish trading bots and monetize their expertise
Share information with their copy traders easily
Classify and provide different types of bots t traders
With our platform,
copy traders can:
Discover and follow trusted traders and trade with them
Get timely trading info and updates from lead traders
Trade with the tailored bots that match their preferences
User Flow 1
Lead traders publish a strategy to their store.
In the original flow, when users wanted to publish a strategy to the store, they had to first navigate to a separate page that listed all of their strategies and then select the one they wanted to publish.
1/7: Select "Add New Strategy" button
2/7: Select "Add" to publish the strategy
3/7: Fill in the strategy basic settings
4/7: Fill in the investment-related settings
5/7: Fill in the profit-related settings
6/7: Set up the strategy access permission
7/7: Publish successfully!
During user testing, we found that the process of navigating to separate page disrupted the user experience, and the page switch caused unnecessary confusion.
So I redesigned the flow to allow users to complete the entire process directly on the store page.
User Flow 2
Traders select a lead trader’s store and join the membership.
1/5: Select a store
2/5: Navigate to "Membership" page
3/5: Select a membership tier
4/5: Confirm & Join membership
5/5: Join successfully
Based on feedback from internal design reviews, I refined the store card layout to highlight key performance metrics.
I prioritized data-driven information for clearer store performance, making better use of limited card space.
User Flow 3
After joining the membership, traders select a strategy, add it to their watchlist, and trade.
1/4: Navigate to "My Tier Strategy" page
2/4: Add strategy into watchlist
3/4: Navigate to "Watchlist" page
4/4: Live trade with the strategy
To create a more cohesive experience, I aligned the strategy layout with the updated store card design.
I switched to a vertical layout to enhance readability and emphasize the CTA button “Add to watchlist”, making key information more accessible.
Final Designs
Homepage
Store Detail Screens
Strategy Publishing Screens
Impact
🎉 The platform’s launch successfully attracted 10 strategy teams and 40+ daily traders in its first week, and boosted user engagement by 30% within its first month.
My Takeaways
- Balance between the limitations of resources and the deliverables.
- Communicate with cross-functional partners timely and think from different perspectives, e.g. consider the technical constraints, create clear design specs.
- Always keep users’ problems and goal in mind while looking for solutions and designing.
Scroll to top
Designing A More Connected Crypto Trading Experience
An all-in-one platform that streamlined the fragmented copy trading workflows, brings together real-time trader communication and tailored trading bots.
@Crypto-Arsenal
Timeline
Oct. 22 - Apr. 23
Tools
Figma, FigJam, Jira
My Role
Leading UX designer
with 1 Product Manager
and 3 Front-end Engineers
My Responsibilities
UX Research, Solution Ideating, Wireframing, Prototyping, Design System, User Testing
Why we built this—
It’s a win-win for our users and our business
For our users
- A more engaging trading experience
- Offers more customization and flexibility
For our business
- Expands market reach & user base
- Strengthens company’s competitive edge
Solution Snapshot
Solution Highlight 1
I replaced a fragmented copy trading process and constant platform-hopping with one integrated platform.
Traders previously relied on separate platforms—social media for insights, private groups for signals, and trading platforms for execution—resulting in delays and inefficiencies. This fully integrated solution streamlines the entire journey, allowing users to explore lead traders and execute copy trades in one place.
Solution Highlight 2
I introduced a tiered membership system that made strategy access clearer for users and more flexible for lead traders.
Lead traders previously lacked a way to classify their strategies or communicate differentiated benefits, which made it difficult for copy traders to find options that matched their goals. A tiered membership system allows lead traders to provide exclusive strategies and benefits, while copy traders gain access to strategies that match their needs.
Solution Highlight 3
I initiated the idea of bringing social interaction into the platform to foster trust and connection between traders.
Traders previously relied on external platforms to communicate, which fragmented the experience and made it harder to build trust. By introducing a built-in community hub, I created a space where lead and copy traders can connect, share insights, and form stronger relationships.
Before jumping into the design details, let’s take a step back and look at the bigger picture—
How cryptocurrency trading works and what the company (Crypto-Arsenal) does?
Starting with Crypto: What is it?
Just like traditional financial market, there are traders on the market exchanges regular money for crypto through an exchange. And exchange acts like a middleman that help traders trade.
But the challenge of crypto industry is that trading usually requires traders to trade manually, and be knowledgeable about the crypto industry.
So Trading Strategies come to the market: Strategies are the rules or algorithms that help them monitor the market and trade more effectively.
And Crypto-Arsenal is a platform that connects directly with exchanges and provides traders with automated strategies to trade.
And Crypto-Arsenal is a platform that connects directly with exchanges and provides traders with automated strategies to trade.
It’s built as an ecosystem that brings together both traders and developers. Developers create strategies, and traders use them.
Crypto-Arsenal’s model definitely creates value for both sides of users and for the company itself. However, since the strategies are not 100% automated, and often need fine-tuning by trader themselves.
However, we identified a Problem...
Many traders don’t have the expertise or time to monitor and fine-tune their bots — a barrier that prevents them from fully benefiting from automated trading.
First, let’s ask our users
“I wish there was a space where I could easily share trading tips and communicate with my copy traders.”
Alex Hsu
Lead Trader
“I want to offer exclusive strategies to traders who’ve been loyal followers.”
John Wang
Lead Trader
“Having to use multiple platforms for copy trading feels inefficient.”
Richard Lee
Copy Trader
“I want strategies that match my level, but it’s hard to find tailored options.”
Jade Huang
Copy Trader
Through interviews with users about their current experience with trading , we validated the pain points and identified 3 key user needs:
đź’ˇ Integrated Platform
đź’¬ Communication Space
🎯 Tailored Trading Bots
đź’
We believe that creating a unified platform for traders to both trade and communicate could serve as a viable solution.
Next, knowing our competitors and the market
I found that other crypto trading platforms barely focus on building connections between lead traders and their copy traders. But it’s a crucial part because traders only do copy trades if they trust the lead traders.
đź’
In addition to trading and communication, it's essential to foster traders’ connections to establish unique differentiators.
Our Unique Approach
Design a more connected and more seamless copy trading experience for both lead traders and copy traders.
With our platform,
lead traders can:
Publish trading bots and monetize their expertise
Share information with their copy traders easily
Classify and provide different types of bots t traders
With our platform,
copy traders can:
Discover and follow trusted traders and trade with them
Get timely trading info and updates from lead traders
Trade with the tailored bots that match their preferences
User Flow 1
Lead traders publish a strategy to their store.
In the original flow, when users wanted to publish a strategy to the store, they had to first navigate to a separate page that listed all of their strategies and then select the one they wanted to publish.
1/7: Select "Add New Strategy" button
2/7: Select "Add" to publish the strategy
3/7: Fill in the strategy basic settings
4/7: Fill in the investment-related settings
5/7: Fill in the profit-related settings
6/7: Set up the strategy access permission
7/7: Publish successfully!
During user testing, we found that the process of navigating to separate page disrupted the user experience, and the page switch caused unnecessary confusion.
So I redesigned the flow to allow users to complete the entire process directly on the store page.
User Flow 2
Traders select a lead trader’s store and join the membership.
1/5: Select a store
2/5: Navigate to "Membership" page
3/5: Select a membership tier
4/5: Confirm & Join membership
5/5: Join successfully
Based on feedback from internal design reviews, I refined the store card layout to highlight key performance metrics.
I prioritized data-driven information for clearer store performance, making better use of limited card space.
User Flow 3
After joining the membership, traders select a strategy, add it to their watchlist, and trade.
1/4: Navigate to "My Tier Strategy" page
2/4: Add strategy into watchlist
3/4: Navigate to "Watchlist" page
4/4: Live trade with the strategy
To create a more cohesive experience, I aligned the strategy layout with the updated store card design.
I switched to a vertical layout to enhance readability and emphasize the CTA button “Add to watchlist”, making key information more accessible.
Final Designs
Homepage
Store Detail Screens
Strategy Publishing Screens
Impact
🎉 The platform’s launch successfully attracted 10 strategy teams and 40+ daily traders in its first week, and boosted user engagement by 30% within its first month.
My Takeaways
- Balance between the limitations of resources and the deliverables.
- Communicate with cross-functional partners timely and think from different perspectives, e.g. consider the technical constraints, create clear design specs.
- Always keep users’ problems and goal in mind while looking for solutions and designing.
Scroll to top
