Skip to content
← Back to OKX Earn

Product design · iOS · Q3 2026

Earn Flow Matrix

One allocation-to-redemption flow, designed once and stretched across four earning products. Every screen sits on a shared seven-stage spine, so the same patterns carry across Simple Earn, DeFi staking, liquid staking and BTC Yield+.

Products
4
Stages
7
Flow screens
80
Entry screens
10

Seven stages, every product

Products differ in rate structure and redemption rules, not in shape. The matrix below shows which states each product needs at each stage. Select a cell to jump to those screens.

  1. 01InputEnter an amount with the rate visible up front.
  2. 02PreviewConfirm product, rate and timeline before committing.
  3. 03Order detailsFollow an active position and its earnings.
  4. 04RedeemChoose how and when funds come back.
  5. 05ResultClose the loop with a clear outcome.
  6. 06Post-orderAsset page, orders and redemption history.
  7. 07Rate detailsExplain how the APY is built and how it moved.
Product01Input02Preview03Order details04Redeem05Result06Post-order07Rate detailsScreens
DeFi / Staking243515222
Liquid staking122812117
Simple Earn54431–421
BTC Yield+121612316
Error states4––––––4

10 screens · before stage 01

Entry points

How people find Earn, choose an offer and come back to a position later.

Account hub

Earn sits inside the account menu alongside trading and assets.

1 screen
Account hub

Offer selection

Compare earning options for a token by APY, redemption time and risk.

1 screen
Earn on ETH

Product onboarding

A four-step introduction for first-time stakers.

4 screens
01 · Hook
02 · How it works
03 · What to expect
04 · Start

Asset pages

Where earning balances and positions live after allocation.

1 screen
Asset Earn page

Order management

Orders, earnings and protocol-level detail for an active position.

3 screens
Asset Earn page (EEA)
Orders
Management · Earning

22 screens · 7 stages

DeFi / Staking

Native staking and DeFi protocol earning in one flow. Covers single and tiered APY, a USDC lending variant, and redemption states driven by fast-redemption caps and multiple accounts.

  • Single vs tiered APY
  • USDC DeFi earn
  • Fast-redemption caps
  • VIP limits
01

Input

Enter an amount with the rate visible up front.

2 screens
No bonus
With bonus
02

Preview

Confirm product, rate and timeline before committing.

4 screens
Single rate
Single rate, VIP fast redemption
APY tiered
USDC DeFi earn
03

Order details

Follow an active position and its earnings.

3 screens
Single rate
Tiered rate
USDC
04

Redeem

Choose how and when funds come back.

5 screens
No fast redemption
Fast redeem, below cap
Fast redeem, multiple accounts
Fast redeem, above cap
Fast redeem unavailable
05

Result

Close the loop with a clear outcome.

1 screen
Processing
06

Post-order

Asset page, orders and redemption history.

5 screens
Asset earn page
Orders
Redemption details
Order details, earning
Order details, VIP fast redemption
07

Rate details

Explain how the APY is built and how it moved.

2 screens
APY chart, market APY
APY breakdown, bonus + market

17 screens · 7 stages

Liquid staking

Stake ETH and receive BETH. The redeem stage adds a method picker (standard, convert now, spot trading) and handles daily caps and split accounts.

  • Redemption method picker
  • Daily cap reached
  • Split accounts
  • Instant unavailable
01

Input

Enter an amount with the rate visible up front.

1 screen
No bonus
02

Preview

Confirm product, rate and timeline before committing.

2 screens
Standard
Standard, VIP fast redemption
03

Order details

Follow an active position and its earnings.

2 screens
Liquid staking
Liquid staking, VIP fast redemption
04

Redeem

Choose how and when funds come back.

8 screens
Method, cap not reached
Method, cap reached
Method, VIP boosted instant
Instant, single account
Standard, split account
Standard, no fast redeem
Split, above daily cap
Instant unavailable
05

Result

Close the loop with a clear outcome.

1 screen
Processing
06

Post-order

Asset page, orders and redemption history.

2 screens
Asset earn page
Redemption details
07

Rate details

Explain how the APY is built and how it moved.

1 screen
APY chart, market APY

21 screens · 6 stages

Simple Earn

Flexible earning with layered rates: market APY, time-boxed bonus APY and vouchers, across up to three tiers, with instant redemption.

  • Bonus APY
  • Vouchers
  • 2- and 3-tier rates
  • Rate breakdowns
01

Input

Enter an amount with the rate visible up front.

5 screens
Market rate only
With bonus
Voucher available, not used
Voucher + bonus
Voucher, market rate
02

Preview

Confirm product, rate and timeline before committing.

4 screens
Market rate only
Bonus + market, 2 tiers
Voucher + bonus, 2 tiers
Voucher + bonus, 3 tiers
03

Order details

Follow an active position and its earnings.

4 screens
Market rate
With bonus
Voucher + market, 2 tiers
Voucher + bonus, 3 tiers
04

Redeem

Choose how and when funds come back.

3 screens
Instant, single account
Instant, split account
Active voucher allocation
05

Result

Close the loop with a clear outcome.

1 screen
Successful
07

Rate details

Explain how the APY is built and how it moved.

4 screens
APY chart, market APY
APY chart, past-hour average
APY breakdown, bonus + market
APY breakdown, voucher + tiered

16 screens · 7 stages

BTC Yield+

A BTC-only yield product. Rate history is shown as 7-day, 30-day and all-time averages, and redemption is cap-aware across single and split accounts.

  • Averaged APY charts
  • Partial instant redemption
  • Back-button guard
01

Input

Enter an amount with the rate visible up front.

1 screen
Market rate only
02

Preview

Confirm product, rate and timeline before committing.

2 screens
Market rate
Bonus only
03

Order details

Follow an active position and its earnings.

1 screen
Market rate
04

Redeem

Choose how and when funds come back.

6 screens
Single account, above cap
Single account, below cap
Split account, below cap
Fast redeem, above cap
Split, above cap, partial instant
Split account, above cap
05

Result

Close the loop with a clear outcome.

1 screen
Successful
06

Post-order

Asset page, orders and redemption history.

2 screens
Result, processing
Asset earn page
07

Rate details

Explain how the APY is built and how it moved.

3 screens
APY chart, 7-day average
APY chart, 30-day average
APY chart, All-time average

4 screens · 1 stage

Error states

Inline validation on the amount input, so problems surface before the preview: allocation limits, minimum amounts and voucher caps.

  • Below minimum
  • Above maximum
  • Voucher cap reached
01

Input

Enter an amount with the rate visible up front.

4 screens
Error, below minimum allocation
Error, above maximum allocation
Error, below minimum amount
Voucher cap reached