CONTACT
WEB3 · BRIDGE & SWAPNOV 2022

Taiko

Taiko is a Layer 2 scaling solution for Ethereum. I designed the bridge and swap for its testnet launch, when most users had never bridged a token before.

CLIENT
Taiko
ROLE
Product Designer, UX/UI
DURATION
6 months
PLATFORM
Desktop · Mobile
RESULTS

About 10,000 people used the bridge and the swap to move and trade tokens during the testnet launch. Taiko Labs has raised $22M, and the network now processes 5M+ transactions a day.

10,000+
Users at testnet launch
5M+
Daily transactions today
OVERVIEW

Users had to bridge onto a chain they'd never touched, then trade there: networks to add, gas to estimate, a fee model most had never seen.

I owned the UI and UX for both products at testnet launch: the bridge between Taiko L1 and L2, and the swap that follows it. Desktop and mobile from day one, for people who had never used a rollup.

The bridge stayed simple and kept people in the loop. At every step you can see where the funds are: approved, pending, confirmed, or waiting to claim.

The swap followed Web3 convention rather than inventing one: token search, quick picks, a balance on every row. People already knew the pattern, so there was nothing to learn.

Pick No Fees and the notice states the cost. Underneath, the button counts blocks instead of spinning.
Import, Review, Confirm sits above the form, so you know how many steps are left before you start.
Every row carries your balance, so choosing a token does not mean leaving to check what you hold.
01

Wallet connection adds both Taiko networks, L1 and L2, in one prompt.

02

The recommended fee is pre-selected. First-time bridgers have no way to judge gas pricing.

03

A custom fee stays available, with a risk notice attached.

04

Pending, confirmed, and claimable status stays on the same screen. Funds are never unaccounted for.

05

The swap keeps Web3 conventions: token search, quick picks, a balance on every row.

Bridge Token, the default screen before a wallet connects.
One prompt adds both networks. Nobody hunts for an RPC URL.
Pending stays in the header and in the wallet menu, on every screen.
Bridge, on mobile.
Swap, on mobile.
Swap, on desktop.
NEXT PROJECT