Click terminal for web and mobile
From 0 → 1 — design one system
for different ways to trade.
Overview
Click is an all-in-one trading platform designed from 0→1 across web and mobile. I worked alongside the lead to build Click from 0→1 across web and mobile, contributing to the shared product system and designing core experiences across trading, discovery, predictions, portfolio, and other tools.
The challenge was not to simplify trading itself, but to make its complexity legible. We needed to preserve familiar trading conventions while creating a cohesive experience across fundamentally different workflows.
Please watch it on your PC.
Role
Product designer
Team
2 Designers
6 Devs
1 Product manager
Scope
Built a system
from 0 to 1
Timeline
2026
Background
One product, every trade
Designed a unified trading experience across pulse, spot trading, perpetual, prediction market, and portfolio management. Needed to bring distinct workflows into one cohesive product.
Each trading model introduced its own information hierarchy, interactions, and decision-making patterns. It required a system that could preserve those differences without fragmenting the product.
swap
spot-trading
perps
predicts
one product
Challenge and Approach
Designing clarity without reducing complexity
Challenge
01
Unifying fundamentally different experiences
The challenge was to create a cohesive experience. Click brings various types of trade into a single product.
Challenge
02
Complexity is a feature,
not a flaw
Trading requires large amounts of info and data. The goal wasn't to remove complexity, but to structure it.
Challenge
03
Translating web density
into mobile
Preserve trading capability while rethinking hierarchy, navigation, and interaction for a constrained environment.
Approach
01
Consistency without uniformity
Keep a shared product language while allowing each trading model to preserve its distinct behaviors and information needs.
Approach
02
Structure complexity,
don’t remove it
Preserve the depth traders need while using hierarchy and grouping to make dense info easier to scan and act on.
Approach
03
Prioritize,
don’t just scale down
Reframe web around mobile priorities, surfacing relevant info and actions instead of simply scaling down the interface.
Information Architecture
Defining the product architecture
Before designing individual screens, we structured Click around its core experience areas: discovery, trading, portfolio management, supporting tools, and users' own assets.
Process
A layered system for different ways to trade
We built a layered system that combines a shared global foundation with trade-specific components, allowing each trading experience to support its unique requirements while remaining part of one cohesive product.
Instead of forcing every trading workflow into the same component model, we extended the shared foundation with trade-specific component layers. We made experience to support its own behaviors while preserving a consistent product language.
Core experience
Spot trading.
Keeping analysis and execution connected.
Structured dense market data and trading actions around clear hierarchy, helping users move between analysis and execution without losing context. The same experience was reprioritized for mobile rather than simply scaled down.
Core experience
Prediction market.
One interaction model, different information priorities.
I designed category-specific cards and betting experiences that preserve a consistent interaction model while adapting the information hierarchy to each type of prediction.
Pulse
Trending
Perps
Predict
Portfolio
More
Core experience
Perps.
Progressive complexity.
Organized advanced trading controls so that leverage, margin, and risk settings remain accessible without overwhelming the primary order flow.
Search assets
Esc
All
New
Crypto
Equities
Commodities
FX
FOMO 2
Custom
Asset
Last price
24h change
8h funding
24h volume
Open interest
USDC 40x
$92,258
+51.12 (+21,05%)
0.00018%
$3.2B
$2.1B
ETH 25x
$14,258
+2.34 (+0.01%)
0.00021%
$1.2B
$4.3B
SOL 20x
$25,258
+12.12 (+3.05%)
0.00032%
$2.2B
$3.1B
HYPE 10x
$36,258
+34.12 (+4.05%)
0.00043%
$5.2B
$6.1B
ZEC 10x
$47,258
+45.12 (+5.05%)
0.00054%
$7.2B
$8.1B
BTC-USD Margin mode
Cross
All cross positions share the same cross margin as collateral. In the event of liquidation, your cross margin balance and any remaining open positions under assets in this mode may be forfeited.
Isolated
Manage your risk on individual positions by restricting the amount of margin allocated to each. If the margin ratio of an isolated position reaches 100%, the position will be liquidated. Margin can be added or removed to individual positions in this mode.
Confirm
Position
1.57 HYPE
Entry price
71.260
Mark price
71.269
Stop loss
Price above 80.00
Expected profit: 50.49 USDC
Take profit price
0.00
Gain
%
Configure amount
100 %
Cancel
Confirm
Adjust leverage
Control the leverage used for BTC positions. The maximum leverage is 40x.
Max position size decreases the higher your leverage.
20x
Confirm
Note that setting a higher leverage increases the risk of liquidation.
Extended experience
Web to mobile
Same capability, different hierarchy
Desktop supports simultaneous access to information, while mobile requires clearer prioritization. Across the experiences I worked on, I reorganized content and actions around each step of the workflow rather than simply scaling down the desktop interface.
Web trading
Multiple layers of information remain simultaneously accessible across a wider workspace.
Multi-column
Side panel
Dense data
Parallel actions
Mobile trading
Key information and actions are progressively surfaced within a constrained screen.
Progressive disclosure
Bottom sheet/Modal
Prioritized information
Contextual actions
1.21
319.46
115.97
Buy/Sell
Trades
Tables
Token data
Pulse
Trending
Perps
Predict
Portfolio
More
Pulse
Trending
Perps
Predict
Portfolio
More
Extended experience
Micro-interactions
Designed beyond the static screen
Defined interaction states and transitions across core trading flows to keep complex actions predictable, contextual, and easy to follow.
Trades
You
Dev
Amount
MCap
Trader
Age
$12.45
$66.8K
D6H...
0s
$15.67
$66.7K
D6H...
1s
$22.89
$66.6K
D6H...
2s
$30.12
$66.5K
D6H...
3s
$18.75
$66.4K
D6H...
4s
$24.99
$66.3K
D6H...
5s
$33.40
$66.2K
D6H...
6s
$27.88
$66.1K
D6H...
7s
$11.11
$66.0K
D6H...
8s
$14.56
$65.9K
D6H...
9s
$19.99
$65.8K
D6H...
10s
$29.99
$65.7K
D6H...
11s
$35.00
$65.6K
D6H...
12s
Trades
12
Holders
9.42K
Top traders
Positions
Orders
History
TMBR
WojakWelfare
34m
MC
1.3M
Volume
$10.1K
Bonding
75%
Price
$0.0342112
Tax
2.5%
Supply
1B
Bought
0.1
Sold
0.05
Holding
0.05
P&L
+0.04(+2%)
Buy
Sell
Market
Limit
DCA
5
25.11
Amount
0.01
0.1
0.5
1
MCap
$16M
-50 %
Buy TMBR
0.01
@ 16.1 MC
20%
0.001
0.001
Off
5M
-0%
1H
-2.98%
6H
+5.17%
24H
+50.01%
5m Vol
$25.9K
Buys
45/$10.7K
Sells
71/$15.2K
Net Vol.
+$4.45K
Token Data & Security
Top 10
12.47%
DEV
0%
Bundler
4.4%
Holders
8,186
Snipers
71.37%
Insiders
0%
FOMO
12.4%
Dex Paid
Yes
NoMint
Yes
Burnt
100%
Rug
0%
Blacklist
No
CA:
Dz9mQ9NzkBcCsugqKMHBPiVunM...bonk
DA:
Dz9mQ9NzkBcCsugqKMHBPniW8M...eTeH
4KJV...A7Tp
65.00
5h
Similar tokens
STCY
Last TX: 1mo
11mo
$19.1K
FROG
Last TX: 1mo
11mo
$19.1K
APE
Last TX: 1mo
11mo
$19.1K
SPCE
Last TX: 1mo
11mo
$19.1K
1m
1h
D
Indicators
Display options
15450.00
15430.00
15410.00
15390.00
15370.00
15350.00
15330.00
15310.00
15290.00
8
06:00
12:00
18:00
9
06:00
12:00
18:00
10
06:00
12:00
18:00
USD
15416.12
5y
1y
6m
3m
1m
5d
1d
09:27:02 (UTC)
%
log
auto
Rank
Wallet
% Owned
Current value
Avg. entry
Realized
Total P&L
Remaining
Funding
1
5hz...BQ8
2.75%
$412.1K
$0.0284567
-$45.2K
+$366.9K
97%
2.52M
Binance
2mo
0.18
2
5hz...BQ8
2.75%
$412.1K
$0.0284567
-$45.2K
+$366.9K
97%
2.52M
Binance
2mo
0.18
3
6hz...CR9
4.12%
$674.5K
$0.0412345
-$89.4K
+$585.1K
98%
2.52M
6hz...CR9
1mo
0.25
4
7hz...DA0
3.50%
$590.0K
$0.0335678
-$40.0K
+$550.0K
95%
2.52M
Binance
3mo
0.20
5
8hz...EB1
5.25%
$850.2K
$0.0426789
-$100.5K
+$749.7K
96%
2.52M
8hz...EB1
2mo
0.30
6
9hz...FC2
2.85%
$450.4K
$0.0271234
-$30.8K
+$419.6K
99%
2.52M
Bitget
1mo
0.22
7
10hz...GD3
4.75%
$780.9K
$0.0467890
-$70.3K
+$710.6K
97%
2.52M
10hz...GD3
3mo
0.28
8
11hz...HE4
6.10%
$930.8K
$0.0485623
-$110.4K
+$820.4K
96%
2.52M
Binance
2mo
0.32
9
12hz...JF5
5.95%
$1.2M
$0.0567890
-$120.1K
+$1.08M
98%
2.52M
12hz...JF5
1mo
0.35
10
13hz...KG6
7.40%
$1.05M
$0.0634567
-$130.7K
+$920.3K
94%
2.52M
13hz...KG6
3mo
0.34
11
14hz...LM7
4.10%
$792.4K
$0.0456789
-$95.6K
+$696.8K
99%
2.52M
14hz...LM7
1mo
0.29
Watchlist
Wallet tracker
X tracker
Pulse
Wallet manager
Market lighthouse
$183.51
$115.3K
$3,945.12
$677.12
$5,013.93
Stable
Docs
Chat
Discovery
Trending
Perps
Predict
Monitor
Rewards
Portfolio
TMBR
Token / Contract / Wallet
1.21
319.46
115.97
Breakdown
Total holdings
$3,811.07
FQPL
1.5%
GRPT
1.5%
Pulse
Trending
Perps
Predict
Portfolio
More
PnL
+$5,211.07
St, Sep 27, 2025, 4:46PM
USD
SOL
English Premier League
Chelsea
48%/54¢
Tue, May 19
10:15 PM
Draw
12%/17¢
Arsenal
40%/17¢
Chelsea
Draw
Arsenal
Football
Vol
25.1M
17h 56m left
Balance
Total value
31.07
$12,512.07
Available balance
9.56
$4,511.93
Performance
Stats
Graph
U. PnL
8.54
/
+$3,101.19
R. PnL
11.16
/
+$5,896.01
T/B/S
46 / 12 / 34
Moonshot (>5x)
12
Pump (2-5x)
8
Win (1-2x)
6
Loss (-0% to -50%)
8
Rekt (>50%)
4
Portfolio breakdown
Total holdings
$3,811.07
SOL
11.5%
QWRT
8.5%
PLQT
6.5%
XJRM
4.1%
WZKT
3.7%
FQPL
1.5%
GRPT
1.5%
Include SOL
Balance
Claimable now
$151.90
Claim
Account value
$82,427.52
Unrealized P&L
+$42,427.52
Realized P&L
+$5,211.07
PnL
+$5,211.07
St, Sep 27, 2025, 4:46PM
X tracker
Manage
Satya Nadella
@satyanadella
30m
Replying to
@billgates
Well said
Bill Gates
@billgates
innovation is key to solving global issues
Tim Cook
@tim_apple
30m
Replying to
@billgates
Well said
Bill Gates
@billgates
innovation is key to solving global issues
Jeff Bezos
@jeffbezos
30m
Go buy yourself a book off of Amazon!
Sheryl Sandberg
@sherylsandberg
30m
100% agree
John Ternus
@johnternus
1hr ago
Incredible night! So proud of all the amazing storytellers
Jensen Huang
@Jensenhuang
1hr ago
NVIDIA compute is fungible, durable and highly rentable. It is a productive, revenue-generating asset.
Jensen Huang
@Jensenhuang
30m
Gavin, spot on.
AI is bringing manufacturing back to America and reindustrializing the nation after decades of offshoring.
AI is creating demand that drives investment in our aging power grid and sustainable energy, powered by market forces, not subsidies.
Please watch it on your PC.