Case Study 01

WEB3 · TRADING 

DEX Trading

A token trading page that has to serve research-driven pros, momentum chasers and first-time DEX users — without becoming three products.

Product context

  1. 01Attract traders interested in decentralized trading and emerging on-chain tokens.
  2. 02Encourage existing CEX users to trade on DEX within the same blockchain ecosystem.
Role
Senior Product Designer
Contribution
Discovery · Research Synthesis · Strategy · Interface Design
Product layer
Token Page — Live prototype
Timeline
2025 — Present

01 — Problems

Competing Requirements.

A pro wants every number. A momentum trader wants one number and a button. A first-time DEX user wants to know what could go wrong. Designing for any one of them alone makes the page worse for the others.

← Deliberate · research-oriented Reactive · momentum-driven → Analytical sophistication → Product opportunities
{{o.n}}{{o.name}}

How might we accommodate different trading behaviors without creating three separate trading experiences?

02 — Research

Behaviour First.

Six behaviours compared across the three segments. Select a behaviour to compare all three, then see what the difference means for product design.

{{bx.q}}

{{c.aud}}{{c.title}}

{{c.text}}

Synthesis: four opportunity areas

{{o.n}}

{{o.name}}

{{o.line}}

{{o.segs}}

03 — Goals

Create a unified DEX trading experience that balances discovery, execution speed, risk awareness and analytical depth.

User goals

  • Discover relevant trading opportunities efficiently.
  • Understand token-related risks.
  • Execute trades with fewer repetitive steps.
  • Access appropriate analytical information.

Business goals

  • Encourage existing CEX users to explore DEX trading.
  • Increase meaningful participation in the blockchain ecosystem.
  • Reduce unnecessary friction in the trading journey.
  • Support continued engagement across trader segments.

User problems → product goals → intended outcomes

Select a goal
{{p.t}}
Intended outcome{{o.t}}

Design principles

  1. 01Discovery with contextHelp traders identify opportunities alongside the information that qualifies them.
  2. 02Speed with transparencySupport efficient trading without hiding meaningful risks.
  3. 03Progressive information depthSimple by default, complete on demand.
  4. 04Familiarity across ecosystemsReduce the learning curve for users moving from CEX to DEX.

04 — Strategies

Four strategies, one live trading page.

The panel on the right is the actual SKYAI token page from the prototype — live tape, working tabs, filters and order panel. Scroll, or use Next and Previous, to walk through each strategy; the page changes state in place. Anything the prototype doesn’t include is shown as a supplementary concept, outlined and labelled.

Step {{walk.stepNo}} / 5
{{g.n}}

{{g.title}}

User problem
{{g.problem}}
Design approach
{{g.approach}}
UX rationale
{{g.rationale}}
Expected user benefit
{{g.benefit}}

Step {{s.no}}{{s.kind}}

{{s.body}}

Product layer · SKYAI token page

ExistingConcept
Trending · Mcap {{m.sym}} {{m.val}} {{m.chg}}

SKYAI

/ USDT BSC Age >1y
0xdb9b…76187a
Top 10 holders
38.42%Medium
Dev holds
8.17%High
Snipers
11.40%High
Insiders
6.60%Medium
Bundlers
3.20%Medium
Bonding curve
100.00%Migrated
Contract audit
No issuesLow

Token audit report

Illustrative values · [audit provider]Concept
{{c.k}}
{{c.v}}{{c.level}}
{{c.note}}

An audit lowers uncertainty; it does not guarantee safety. Holder concentration above still applies.

Net flow · {{flowTf}} {{flow.net}}USD
Buys {{flow.buyN}} · {{flow.buyV}} USD Sells {{flow.sellN}} · {{flow.sellV}} USD
Instant trade
Showing the 10 most recent of 70 launches.

Wallet tracker

Concept
Monitored wallets{{cw.count}}
{{w.w}}{{b.label}}{{w.last}}
Recent activity · monitored walletsRecently traded: SKYAI
{{t.time}}{{t.side}}{{t.usd}}{{t.w}}
SKYAIWallet signal
{{cw.sigText}} {{cw.sigMix}} Activity is a signal, not a recommendation. Trade SKYAI
Available{{availText}}{{availUnit}}
{{p.label}}
Preset profilesConcept
Slippage{{cp.slip}}
Priority fee{{cp.prio}}
MEV protection{{cp.mev}}
Illustrative settings, saved per user.
Rate1 USDT ≈ 115.85 SKYAI
Est. receive{{estReceive}}
Service fee0.01% · {{estFee}}
Before you buyConcept
Dev holds 8.17%Snipers 11.40%Dev rug rate 60.0%
View audit report
{{ctaLabel}}
{{cq.label}} Concept
Review orderConcept
Pay{{cq.pay}}
Est. receive{{cq.recv}}
Max slippage{{cq.slip}}
Service fee{{cq.fee}}
Token riskHigh · dev & snipers
Review→Submitted→Confirmed
Edit Confirm buy
Submitted · waiting for block confirmation… Confirmed · simulated, no order was placed.

My position

Share PnL
Bought1,200.00
Sold250.00
Holding{{pos.holding}}
Unrealized PnL (USD) {{pos.pnl}}{{pos.pct}}

Buy & sell analysis

5m▲ +1.84%
1h▲ +1.31%
4h▼ −13.32%
24h▲ +0.63%
24h volume12.13M USD
24h net flow+570.0K USD

Token info

Flagged cells hold supply at risk
Holders14,290
Platform holders1,826 · 12.78%
Platform traders3,104
Pro holders782 · 5.47%
New wallets31.40%
Total supply999.99M
Dev holding8.17%
Smart money9.55%
Influencers1.06%
Snipers11.40%
Insiders6.60%
Bundlers3.20%
Token creator spcti6…mK4M5F

AI summary

Generated

SKYAI is up 41.23% in 24h on near-balanced flow: buys lead sells by 570.0K USD on 12.13M USD of volume. The 4h window is negative (−13.32%), so the move is cooling. Concentration is the main risk — snipers and insiders together hold 18.00%, and the dev wallet, whose earlier launches rugged 60.0% of the time, still holds 8.17%.

Price alert Markets tracker Meme tracker Wallet tracker AI assistant Feedback About

{{walk.mobStrat}}{{walk.mobStep}}

Outcomes

One page that is simple at first glance and complete on demand.

The four strategies share one workspace: risk sits in the path of the trade, execution needs fewer repeated decisions, and wallet activity and statistics are a tab away for those who want them.

Live productweb3.binance.com(opens in a new tab)