Jin Li
Work/WOO X Product Features
MobileUX DesignTrading2022

WOO X Product
Features

Watchlist, PnL Sharing, and Trailing Stop/TP-SL — three core trading features designed to give WOO X users a professional edge.

Role
Senior Product Designer
Team
Designer , PM, Engineering
Scope
Ongoing
Platform
iOS · Android · Web
Project Overview

Designed multiple core product features during my tenure at WOO X — a professional trading platform with customisable modules and deep liquidity. Each feature addressed a distinct user need: market monitoring, social trading identity, and risk management on mobile.

My Contribution

Role & responsibilities

🎨

Interaction Design

Designed micro-interactions and state transitions for complex trading UI components.

📱

Mobile UX

Specialised in mobile implementations of trading features — Trailing Stop and TP/SL on iOS and Android.

🛠️

Prototyping

Built high-fidelity interactive prototypes for engineering handoff and stakeholder review.

Design Objectives

What we set out to achieve

01

Watchlist

Enable traders to monitor cryptocurrency price movements and compare assets across multiple customisable lists.

02

PnL Sharing

Allow users to showcase trading results on social media in a way that resonates with crypto culture.

03

Risk Management

Implement Trailing Stop and Take Profit / Stop Loss controls with a mobile-first interaction model.

Research & Analysis

Understanding the landscape

Key Insights

  • Managing a single trading pair across multiple watchlists created complexity — users needed drag-and-drop reordering and quick-add from the market screen.
  • PnL sharing posts that incorporated MEME culture and crypto-native aesthetics generated substantially more social engagement than formal data screenshots.
  • Mobile users needed one-thumb-reachable controls for TP/SL — the desktop layout was too information-dense to port directly.

Key Findings

  • Managing a single trading pair across multiple watchlists created complexity — users needed drag-and-drop reordering and quick-add from the market screen.
  • PnL sharing posts that incorporated MEME culture and crypto-native aesthetics generated substantially more social engagement than formal data screenshots.
  • Mobile users needed one-thumb-reachable controls for TP/SL — the desktop layout was too information-dense to port directly.
Solution

Design decisions

Solution 01

Customisable Watchlist

A market-monitoring tool enabling traders to observe cryptocurrency fluctuations and compare assets. Users can establish multiple customised watchlists with rapid modification capabilities.

  • Multi-list management: Create, rename, and reorder unlimited watchlists.
  • Quick-add: Add any pair to a watchlist directly from the markets screen.
  • Cross-list deduplication: Intelligent handling of the same pair across multiple lists.
Customisable Watchlist
Solution 02

PnL Sharing

Functionality permitting users to showcase trading results on social media. Incorporated MEME elements closer to crypto culture — generating substantial online engagement.

  • Crypto-native aesthetics: MEME-inspired templates that feel native to crypto social media.
  • One-tap share: Pre-formatted card with PnL, asset, and timeframe — ready to post.
  • Privacy controls: Toggle to show/hide exact position sizes.
PnL Sharing
Solution 03

Trailing Stop & TP/SL — Mobile

Focused specifically on mobile implementations of Trailing Stop and Take Profit / Stop Loss — the two most complex trading functions to adapt for smaller screens.

  • Bottom-sheet interaction: Full controls accessible with one thumb, no scrolling.
  • Visual price chart context: TP/SL levels shown directly on a mini price chart.
  • Percentage ↔ Price toggle: Switch input mode to match trader preference.
Trailing Stop & TP/SL — Mobile
Impact & Results

Numbers that matter

3
Major features shipped
Watchlist, PnL Sharing, Trailing Stop / TP-SL
↑↑
Social engagement on PnL sharing posts
MEME-style templates outperformed generic data screenshots
📱
Mobile-first interaction model
All features designed with one-thumb usability as primary constraint