Illustration showing Orokai app

Building Orokai

A self-custodial DeFi interface where checking a price, staking, paying and tracking a transaction stop being four products. Five design decisions, what each one cost us, and what it took to hold them across two runtimes and two chain ecosystems.

Project Details

ROLE

Interface design & engineering

Surfaces

Web, iOS, Android

Ecosystems

EVM & Cosmos

Surfaces

Web, iOS, Android

Custody

Non-custodial

The brief

Friction that isn't the chain's fault

Checking a price. Staking a token. Paying for something in crypto. Tracking the transaction afterward. Four separate actions, and in most DeFi products, four separate apps. Nobody wakes up wanting to manage five browser tabs to do one thing.


Working on Orokai's interface, we kept running into the same question: is this friction actually necessary, or is it just what everyone's used to building? Five patterns came out of that process. Each maps to something researchers in behavioral design have understood for decades — the problems DeFi UX runs into aren't new or crypto-specific.


What follows is the design side of that work stated as decision records: the context, what shipped, and what each decision cost. The last part is usually the part that gets left out.

  • Orokai +++ self-custodial DeFi interface +++

  • Key Achievements

01

01

One hub instead of five apps

One hub instead of five apps

Apps in one workflow 51

Context

Every extra app isn't just extra time logging in and learning a layout. Each switch resets context: the user re-locates what they were doing and re-decides it's worth continuing. Four of those per workflow.

Every extra app isn't just extra time logging in and learning a layout. Each switch resets context: the user re-locates what they were doing and re-decides it's worth continuing. Four of those per workflow.

What shipped

Price checking, staking, payments and transaction tracking in one hub, with a single navigation model repeated identically on web and native.

Price checking, staking, payments and transaction tracking in one hub, with a single navigation model repeated identically on web and native.

What it cost

One surface now has to speak two chain ecosystems. EVM and Cosmos accounts share no address format, fee model, or signing flow. Consolidation moved that into @orokai/web3 — ours to maintain, instead of theirs to survive.

One surface now has to speak two chain ecosystems. EVM and Cosmos accounts share no address format, fee model, or signing flow. Consolidation moved that into @orokai/web3 — ours to maintain, instead of theirs to survive.

Workflow

FIVE APPS

OROKAI

PRICE FEED

ETH 3,241.08

WALLET EXTENSION

Sign request

BLOCK EXPLORER

0x8f…21b4

PAYMENT PAGE

Pay 0.75 ETH

STAKING PORTAL

4.1% APR

5 TABS OPEN
4 LAYOUTS TO LEARN
4 PLACES TO GIVE UP

OROKAI

PASSIVE INCOME

TRADE

COLLATERAL

AFFILIATE

CONVERT

DO THESE FIRST

TOTAL REWARDS

PASSIVE INCOME

ESTIMATE MY RETURNS

TOTAL REWARDS

1 INTERFACE

Context switches: 4 — example data throughout.

Workflow

FIVE APPS

OROKAI

PRICE FEED

ETH 3,241.08

WALLET EXTENSION

Sign request

BLOCK EXPLORER

0x8f…21b4

PAYMENT PAGE

Pay 0.75 ETH

STAKING PORTAL

4.1% APR

5 TABS OPEN
4 LAYOUTS TO LEARN
4 PLACES TO GIVE UP

DO THESE FIRST

TOTAL REWARDS

INCOME

RETURNS

TOTAL REWARDS

1 INTERFACE

Context switches: 4 — example data throughout.

Workflow

FIVE APPS

OROKAI

PRICE FEED

ETH 3,241.08

WALLET EXTENSION

Sign request

BLOCK EXPLORER

0x8f…21b4

PAYMENT PAGE

Pay 0.75 ETH

STAKING PORTAL

4.1% APR

5 TABS OPEN
4 LAYOUTS TO LEARN
4 PLACES TO GIVE UP

OROKAI

PASSIVE INCOME

TRADE

COLLATERAL

AFFILIATE

CONVERT

DO THESE FIRST

TOTAL REWARDS

PASSIVE INCOME

MY RETURNS

TOTAL REWARDS

1 INTERFACE

Context switches: 4 — example data throughout.