DeFi work — AP3

06 / 09

Project period2021

Divergence

Divergence Protocol

Bullish calls. Bearish puts. One visual language.

Role: Product designer · UX/UI from scratch
Medium: Desktop web
Delivered scope: DeliveredBinary options · Arbitrum Rinkeby

Divergence green Spear trade ticket for a bullish binary call on the Arbitrum Rinkeby testnet — Design views
Visual & UX direction · historical testnet interface

Scroll to see the case study

Case study Binary options & liquidity · 2021

Divergence Protocol

I designed the visual and UX direction for Divergence Protocol, a binary options platform on the Arbitrum Rinkeby testnet. Green Spear calls and magenta Shield puts distinguish bullish and bearish positions while preserving the same decision order across trading, liquidity, and settlement.

Product design & launch

Problem

The Arbitrum Rinkeby binary options experience needed a clear distinction between bullish calls and bearish puts, with strike, expiry, collateral, and settlement visible before wallet approval.¹

Approach

Give bullish calls a green Spear identity and bearish puts a magenta Shield identity. Pair color with symbols and above/below language, keeping both tickets in the same reading order.

Outcome

Designed desktop flows from market creation through settlement, alongside rewards, rankings, and the mainnet launch identity.

Selected artifacts

Product & process.

Product states, decisions, and the system behind them.

01

Final Pro Mode campaign

The final desktop product direction carried into the mainnet launch campaign.

Divergence Protocol final Pro Mode mainnet campaign with the desktop trading interface — Final campaign · Pro Mode.

02

Final options campaign

Spear and Shield bring the bullish and bearish visual language into the final launch artwork.

Divergence Protocol final options campaign with green Spear and magenta Shield instruments — Final campaign · Onchain binary options.

03

One system for a complex financial model

A binary options system for the Arbitrum Rinkeby testnet, with bullish calls and bearish puts kept distinct and comparable.

Earlier Divergence Protocol options product-system study — Earlier explorations across trading, liquidity, and position management.

04

Buying and underwriting remain comparable

Buy and sell views share a structure for comparing strike, expiry, price, range, and premium.

Divergence Protocol interface for buying digital call and put options — Buying calls and puts with strike, expiry, and premium made explicit.

Divergence Protocol interface for selling digital options across a custom price range — Underwriting options across a defined price range.

05

Iterate from comparison into context

Side-by-side markets and focused tables test how best to compare price, probability, volume, and strike.

Divergence Protocol side-by-side liquidity markets — Parallel BTC and ETH markets make strike and liquidity comparison immediate.

Divergence Protocol liquidity market with price and probability context — A focused market adds time remaining and paired Spear/Shield pricing.

06

Positions and settlement stay inspectable

Divergence Protocol open-orders interface with position exposure and withdrawal details — Open orders keep exposure and withdrawal state visible.

Divergence Protocol positions interface for active option exposure — Active positions preserve instrument, expiry, collateral, and settlement context.

07

Withdrawal closes the liquidity loop

Withdrawal names the LP shares burned, collateral received, and required wallet approval.

Divergence Protocol withdrawal flow for burning LP shares and receiving collateral — Burn LP shares, inspect the received collateral, then approve.

08

Liquidity needed its own operating model

Farms, positions, rewards, staking, and withdrawal have distinct states with pool composition visible throughout.

Divergence Protocol liquidity mining and position-management system — Active farms, individual positions, staking controls, expiry, and unclaimed rewards in one workspace.

09

The Dive Bar gives participation a place

The Dive Bar gives farming a memorable setting while keeping APR, stake, claim, and rewards clear.

Divergence Protocol Dive Bar liquidity and staking interface — The Dive Bar turns liquidity participation into a recognizable product place.

10

Rewards make participation legible

Divergence Protocol trading-incentive rankings — Rankings compare balance, positions, liquidity, PnL, and ROI.

Divergence Protocol trading rewards and claim history — Estimated and claimable rewards connect to trading history and the scoring formula.

11

Make an LP position recognizable

Each pool position becomes a visual object with its own waveform, pair, term, and color.

Divergence LP pool position-object direction with a flowing waveform — Continuous waveform direction.

Divergence LP pool position-object direction with a particle waveform — Particle waveform direction.

12

One launch narrative, desktop and mobile

The public site explains paired instruments, liquidity, teams, and audits using the product's visual language.

Divergence Protocol desktop launch page connecting options, liquidity, and the Dive Bar — Complete desktop launch narrative.

Divergence Protocol complete responsive mobile launch page — The same narrative re-staged for mobile rather than merely compressed.

13

A campaign system, not one launch image

Product objects connect Pro Mode, incentives, rankings, and mainnet campaign materials.

Divergence campaign carousel across Pro Mode, rewards, and the Dive Bar — Launch and incentive directions across Pro Mode, leaderboards, rewards, and liquidity.

References & further reading

01
Divergence Protocol documentation (opens in a new tab)
Divergence
The options AMM and its Spear (call) and Shield (put) instruments.

DeFi work — AP3