Empowering users to trade derivatives with clarity and control.
Project type: Redesign • My role: Product Design • Timeline: 10 months
Task: Interface Redesign
Redesign Gemini's trading interface to support derivatives: leverage, margin, and position management.
Team:
1 Product Designer, 3 Front End Devs,
1 Product Manager
Problem: Feature Gap
The existing interface wasn't built for derivatives-specific actions (leverage, margin, positions).
Solution: Interface Updates
I added leverage controls, margin management, and a position manager, while improving the existing interface as needed.
Gemini is a crypto company focused on unlocking the next generation of financial freedom.
CONTEXT
Derivatives extends that mission — giving users leveraged access to markets they already trade on, with more ways to participate.
Existing UI had order entry, charts, and balances — but no leverage slider, margin display, or position manager. Users had no way to see risk before placing a derivatives trade.
Our existing interface was built for spot trading. Derivatives needed leverage, margin, and risk controls it didn't have.
PROBLEM
Along with my PM, I ran competitive analysis of top crypto derivatives platforms, specifically how they handled leverage, margin, and ADL.
PROCESS / KEY INSIGHTS
KEY INSIGHT #1
The position manager was the most critical UI element — real-time P&L and liquidation price mattered most to users.
Every item listed is table stakes for a derivatives platform. Not custom features, just what users expect walking in.
REQUIREMENTS
Data bar (mark/index price, funding rate/countdown, open interest, contract details)
Order types (limit, market, stop-limit)
Leverage (up to 100x)
Depth chart, orderbook, exchange activity
Margin data (tier, usage, ratio, position margin, available margin)
Position manager (entry/mark price, liquidation price, adjust margin, ADL queue, unrealized P&L, close position)
Responsive: desktop, tablet, mobile
DESIGN 1/4
The full trading view: data bar, order entry, orderbook, position manager together. Everything a trader needs, one screen, no digging.
The Trading Interface
Leverage Adjustment
Set leverage before opening a position and locks in exposure upfront, not mid-trade. Risk should be visible before it's taken, not after.
DESIGN 2/4
Margin Adjustment
Shows margin usage and lets users add funds to push their liquidation price further away. A warning only helps if it comes with a way to fix it.
DESIGN 3/4
Tablet/Mobile Responsive
Same requirements, smaller viewport. Less space isn't a reason to cut risk data.
DESIGN 4/4
Timing outside of my control. I was caught up in a company-wide lay off during a crypto market downturn so I was not around when it eventually went live 2 years later.
RETROSPECTIVE
Prioritizing the position manager visually. I gave it equal visual weight to the other elements. It should have had more visual priority, given how critical it was for risk visibility.
Missed the forest for the trees. We protected short-term fees, sacrificed long-term fees from higher volume traders. Should have advocated harder for the bigger picture.