Mobile · Simplification · 0 → 1

Turn a pro trading terminal into a three-tap app, without losing a single function

Before and after: the Margin Trade terminal squeezed onto a phone next to simple mode stepping through home, markets, a BTC market, the order sheet, preview, confirmation, leaderboard and account
Simple mode is the mobile face of Margin Trade. Same perpetuals, same margin, TP/SL and leaderboard as the 1440px terminal, reorganised into four tabs and one Buy / Sell bar, with Advanced mode one switch away. Nothing was removed; everything the terminal does is still there, one layer down.
Role
Founding product designer
Team
Me + 1 mobile designer · founder · PM
Status
Live · 3 months after launch
Chapter 1 · The problem

The terminal is right for pros and wrong for everyone else.

Pro traders moved size to the desktop terminal. But most people who open an exchange are not pros: they arrive on a phone, from a simple app, and want to trade fast. Here is what the terminal gave them.

≈60
Controls on the first screen

Counted on the live BTC page: chart tools, book, form, tabs, ticker. All on at once.

7
Steps to a first market order

Side, type, price, amount, leverage, flags, then a button that greys out without saying why.

390px
Where it stops fitting

On a phone the layout overflows sideways: the form is cut off and nothing is primary.

A new trader’s first minute on the terminal
On a phone
OpenA chart you can’t readScroll sidewaysFind LongType an amountButton greyed outClose the tab
Guess, retry, leave

Trade with confidence in three taps, and never lose the terminal.

1
More trades completed

More people who start an order finish it.

2
Fewer steps, fewer errors

Less time in the flow, fewer rejected orders.

3
Activation and retention

A first trade on day one, and a reason to come back.

4
Cost and risk understood

Fees, margin and liquidation shown before anyone confirms.

5
Control for pros

Advanced mode, the full terminal, one switch away on the same account.

6
One product, not two

Same tokens, digits and colors in both modes, so switching feels like scrolling.

What we set out to move
Steps to a first market order
Now
7
Founder’s goal
3
Shipped
3
Controls on the first screen
Now
≈60
Founder’s goal
Under 10
Shipped
6
Chapter 2 · Research

What the market and the references told us.

We had no analytics on a mode that did not exist yet, so the evidence came from three places: public data on where perps are going, published research on simple trading apps, and the apps our target users already had on their phones.

Where the growth is

On-chain perpetuals are no longer a niche: decentralized perp venues took about 26% of crypto futures volume by early 2026 (BEX), and the category cleared $633B in a 30-day window this October (DefiLlama via Pixel). The pro segment is already contested: Hyperliquid alone holds roughly 31% of perp DEX volume. New volume for a smaller venue has to come from new traders.

What simple-app users want

A 2026 Washington State University study of Robinhood users found they choose stocks by simplicity, favouring names and categories they already understand (WSU). Coinbase and Robinhood together onboard tens of millions of people on one pattern: a balance you understand at a glance, one list of assets, one big button (Business of Apps). That is the mental model our next trader brings.

Where crypto apps lose people

Industry write-ups put first-transaction drop-off in crypto apps between 60% and 75% (Swapper); Stripe reports platforms losing up to 70% at identity verification (Stripe). Vendor figures, so we treated them as direction, not fact. The direction was clear: every screen before the first trade costs users, and we had no KYC to lose them on, so the screens were ours to cut.

What we borrowed, and from whom

We pinned Coinbase’s home and buy flow next to Hyperliquid, Jupiter and Raydium’s mobile perps. The perp apps shrink the terminal; Coinbase gives you a balance, a chart, a list and a keypad. We took Coinbase’s structure, the Solayer Pay system for surfaces, spacing and components (glass cards, a floating tab bar, pill buttons), and Margin Trade’s colors, so a trader moving between modes sees one product.

Hide the terminal. Don’t remove it.

Chapter 3 · The user flow, before and after

Four jobs a trader does. Each one, the old way and the new way.

The same person, the same four intentions. The terminal row is what they had to do on a phone; the simple-mode row is what they do now, and why we changed it.

1 · Open the app: “how am I doing, what is moving?”
Terminal
OpenBTC chartScroll to the bottom tabsPositions tableScroll sideways for PnL
No answer on screen
Simple
OpenEquity + today’s changePositions rowMarkets with sparklines
Answer in one glance
Why

In research, the first intention on opening a trading app is orientation, not an order: the WSU study on simplicity-first investors, and our own feedback, both say people check a balance and a familiar list before they trade. The terminal opens on the one market you looked at last and hides the account under the chart, so simple mode opens on the account and puts markets under it.

2 · Place a first trade
Terminal
Long / ShortOrder typePrice · MIDAmount · MAXLeverage sliderPost / Reduce onlyPlace order greyed out
7 steps, silent failure
Simple
Buy / LongAmount on a keypadPreview → Buy now
3 taps, nothing hidden
Why

New traders think in dollars at risk, not contract size, and they abandon when a form asks for things they don’t understand: that is the 60–75% first-transaction drop-off in the research, and success metric 2 in our brief. So the sheet opens on an amount, and leverage, margin mode, time-in-force and TP/SL become chips: a pro opens them, a first-timer ignores them, and the button is never disabled without a reason.

3 · Protect the position
Terminal
FillFind the position in a tableRead liquidation in grey textSet TP/SL later
Risk after the fact
Simple
Preview: size, fees, liquidationBuy nowDone: alert set at 5% from liquidationSet TP / SL
Risk before the fill
Why

Users told us they wanted control, and control starts with knowing what a trade costs and where it dies. Success metric 4 made it a rule: fees, margin and the liquidation price are on the preview, in the terminal’s mark yellow, before the fill, and the confirmation sets the liquidation alert for you. The order book, which pros read for depth, moves one tap behind the market instead of sitting between a new trader and the button.

4 · Come back tomorrow
Terminal
OpenSame chartNothing new
Only a trade brings you back
Simple
OpenToday’s change on your equityLeaderboard rankShare my rank
Two reasons to open
Why

Success metric 3 is retention, and a terminal only rewards you when you trade. Simple mode gives two reasons to open it with no order to place: a daily change on your own equity, and a leaderboard with your rank pinned and a share sheet behind it, which is also the only viral loop the product has.

Chapter 4 · Before and after

Three screens, and the data behind each change.

Each pair shows the terminal as it renders on a phone today, the simple-mode screen that replaces it, and the evidence that drove the decision.

The Margin Trade terminal rendered on a 390px phone: chart tools, order book and the top of the order form, overflowing sideways
Before
The terminal, squeezed to 390px

The first screen is a chart you can’t read and an order form that is cut off. There is no balance, no list of markets, and the primary action is below the fold. Pros tolerated it; new traders left.

Simple mode home: total equity with a chart, positions and USDC rows, a referral card, a markets list and a Trade / Deposit bar
After
Home: your balance, then the markets

One number you understand, a chart under it, two rows (positions, USDC), then markets with sparklines and a floating Trade / Deposit bar. Why: the user intention on opening the app is “how am I doing, and what is moving”, not “place an order”. The WSU study on simplicity-first investors and our own feedback both point the same way: people orient on a balance and a familiar list before they trade.

The terminal order form: Long/Short, limit order, price with MID, amount with MAX, leverage slider, post only, reduce only, and the costs under the button
Before
Ten controls before you can act

Side, order type, price, MID, amount, MAX, leverage, post-only, reduce-only, then the button. Every control is visible whether you need it or not, and the button is disabled without saying why.

Simple mode order sheet: a large $500 amount over a keypad, with 10× leverage, Cross, GTC and TP/SL as chips, and a Preview buy button
After
Amount first, everything else as chips

Type what you want to risk, see the size in BTC, tap Preview. Leverage, margin mode, time-in-force and TP/SL are chips a pro can open and a first-timer can ignore. Why: in research, new traders think in dollars at risk, not contract size, and they abandon when a form asks for things they don’t understand (the 60–75% first-transaction drop-off). Success metric 2: fewer steps, fewer errors. The three-tap path stays three taps.

The terminal order book: twenty price levels each side with depth bars and the spread in the middle
Before
Risk lived in a table you had to find

On the terminal, liquidation price, margin and fees sit in small grey text under the button, and the order book is always on screen. New traders confirmed trades without ever reading them.

Simple mode preview order: pay with USDC margin, position size, entry price, fees, estimated liquidation price in yellow, and a TP/SL row above a Buy now button
After
A preview that states cost and risk

One preview step before the fill: position size, entry, fees, liquidation price in the terminal’s mark yellow, and a TP/SL row, all before Buy now. The order book moves one tap behind the market. Why: users told us they wanted control, and control starts with knowing what a trade costs and where it dies. Success metric 4, understand cost and risk before confirming, and the founder’s rule that nothing fails silently.

Chapter 5 · The eight screens

Coinbase’s structure, Solayer’s surfaces, Margin Trade’s colors.

Four tabs, one trade flow, one switch to the full terminal. Glass cards on a near-black page, a floating tab bar, pill buttons, Inter with tabular digits. Lavender for every action and highlight; green for long, red for short, yellow for mark and liquidation.

Every terminal function, and where it lives now
Leverage, margin, TIF, TP/SL
10× chipCross chipGTC chipTP/SL row
Chips on the order sheet
Order book, trades
MarketOrder book & trades
Behind the market
Positions, orders, history
HomePositions rowExpand a position
Home → Positions
The whole terminal
AccountAdvanced modeSame account
One switch
6
Controls on the first screen, from ≈60

Counted on the live BTC page and on the simple-mode home: a search, four tabs and one bar.

7 → 3
Steps to a market order

Buy / Long, amount, Buy now. Everything else is a chip you can ignore.

100%
Terminal functions kept

Leverage, margin mode, time-in-force, TP/SL, book, trades, history: all present, one layer down, and Advanced mode one switch away.

Chapter 6 · Design decisions

Five calls, and what each one cost.

Decision 1 · Borrow the structure, keep our system

Coinbase’s home, list and keypad are the most-learned patterns in consumer finance, so we used them as-is. The surfaces, spacing and components come from the Solayer Pay system we already had (glass cards, floating tab bar, pill buttons), in Margin Trade’s colors. Why: our traders move between simple and Advanced mode; the same dark page, digits and colors make that one product, not two. Cost: a dark consumer app reads heavier than Coinbase; we bought back lightness with space, translucency and one accent per screen.

Decision 2 · Two buttons, not one

Coinbase has Buy & sell and Transfer. We kept Buy / Long in green and Sell / Short in a red tint on every market, the only two buttons that are not lavender. Why: a perp trader shorts as often as they long, and a single button would hide half the product behind a toggle; direction has to be legible at a glance. Cost: the bar is taller and the tab row sits lower.

Decision 3 · Amount first, everything else as chips

The order sheet opens on a keypad. Leverage, margin mode and time-in-force are chips you can tap or ignore; TP/SL is one row. Why: success metric 2; the three-tap path stays three taps for new traders while a pro can still set every parameter. Cost: defaults carry weight, so they match the terminal’s defaults exactly.

Decision 4 · Cost and risk on the preview

Fees, margin, entry and the liquidation price sit on the preview step, in the terminal’s mark yellow, not behind an info icon. Why: success metric 4. Cost: one more screen between amount and fill; we kept it to one tap and no scrolling.

Decision 5 · A mode switch, not a compromise

Advanced mode is the first row of Account: the full terminal on the same wallet and positions. Why: trying to serve pros and first-timers on one screen is how the terminal got to sixty controls. Cost: two surfaces to maintain, so both share one token set and one order engine.

Chapter 7 · Design system

Solayer’s surfaces, Margin Trade’s colors, at thumb size.

Glass cards at 7% white with a 10% hairline, a floating blurred tab bar, 999px pills, 48px rows and a 60px amount. Lavender Mist, the Margin Trade brand color, on every call to action and highlight; green and red kept only for long, short, gains and losses.

Tokens
page
#0E1115
Background
glass
white 7%
Cards, chips, secondary buttons
hairline
white 10%
Borders
ink
#FFFFFF
Numbers, labels
muted
#9AA3AD
Secondary text
lavender
#A89DE8
Every CTA and highlight: buttons, active chips, tabs, links
long
#29AB87
Buy / Long, gains
short
#FF5252
Sell / Short, losses
mark
#FFD700
Mark price, liquidation
Decision

Surfaces are translucent, not painted: cards are a 7% white over the page with a 10% hairline, and the tab bar floats with a 22px blur, so the content shows through as you scroll. One accent, Lavender Mist, carries every action and selected state, so a trader never has to ask which thing on the screen is tappable. It is the Solayer Pay system, re-colored, which also meant engineers reused components instead of building a second set.

Trade-off

Blur and translucency cost GPU on older phones, and a dark system has less contrast headroom in sunlight. Both have a fallback: flat 7% surfaces with no blur, and a light variant in the file.

Chapter 8 · Impact

Three months in: more volume, and traders who feel in control.

Simple mode launched alongside the terminal. Three months later the team measured the change, and the feedback that came with it.

+15%
Trading volume

Three months after simple mode launched, measured against the terminal-only baseline.

3 taps
To a first market order

Down from seven steps on the terminal.

6
Controls on first paint

Down from about sixty, with nothing removed.

What traders told us

The recurring theme in feedback was flexibility and control: a fast path for the everyday trade, and the full terminal one switch away when they wanted it. That is the exact tension the product goal set out to resolve.

Against the success metrics

Completion and speed: the three-tap path shipped as designed. Cost and risk: every preview shows fees, margin and liquidation. Activation and retention: the volume lift is the first signal; per-cohort activation is the next number we instrument.

The product it joins

Margin Trade clears $1M+ in daily volume with traders in 14+ countries. Simple mode is how that base grows beyond pros.

What is and isn’t claimed

The competitor and onboarding figures in the research chapter shaped the brief; they are cited there and not counted as results. The +15% is the team’s own measurement.

Chapter 9 · Looking back

What I learned, and what I’d do next.

Learned
Simplify by layering, not cutting

The moment we listed every terminal function and gave each a home, the fear of ‘dumbing down’ went away.

Learned
Borrow structure, not skin

Coinbase’s home and keypad translated; its white and blue did not. One system across both modes makes them feel like one product.

Learned
Count the controls

‘About sixty’ did more in the room than any adjective. Numbers you can count are the fastest way to align a founder.

Next
Instrument the funnel

Time to first order, order completion and error rate per cohort, so the next lift is attributable to a screen, not a quarter.

Next
Watch five new traders

Hand them a phone with simple mode and a $20 position to open. Count the hesitations.

Next
Remember the mode

Learn which mode a trader uses per market and open there, so the switch becomes invisible.