Making crypto conversion faster to understand and calmer to complete.

Problem

A simple product was generating avoidable friction, and the support queue proved it.

Convert was meant to be the easy way to swap assets, but customer-service chat volume kept surfacing the same conversion pains. Reading those tickets against the interface, the friction resolved into four concrete flaws.

1. Trading records were hard to find. After converting, users had to leave the page to confirm what had happened.
2. Quoted price meant jumping pages. The result was not shown directly, so people could not see what they would receive while entering an amount.
3. Essential market data was missing. There was no price context inside Convert, so users left to check the market first.
4. Wallet switching was inefficient. Moving between Spot and Funding balances took extra steps and hid how much was actually available.

Research

Auditing the old flow against real complaints.

I grouped the customer-service chat data by complaint type, then mapped each complaint to a specific point on the old Convert screen. The audit surfaced five spatial problems.

1 2 3 4 5

1. A dispersed layout: the form floats in empty space
2. Amount digits too small for the decision they carry
3. A stepper crowding the amount input
4. The converted result hidden while typing
5. Recent trades reachable only through a separate Orders page

My Role

I led UI/UX for the Convert revamp, working alongside one other designer and partnering with product and engineering through implementation. My work covered synthesizing the feedback, flow structure, interaction states, high-fidelity UI for web and app, and the shared Convert component.

Solutions

One Convert that answers every question in place.

The revamped Market flow shows the converted amount as you type, keeps balances and the wallet source visible, and puts asset swapping one tap away. Selecting an asset opens a searchable list with live balances instead of sending users hunting.

For users who want context before committing, Limit mode embeds a K-line chart beside the Convert panel and lists recent trades directly beneath it, so checking the market and reviewing history no longer means leaving the page.

Interaction Spec

Designing the states behind a simple form.

A conversion form looks simple until you count its states. I specced the interactive logic of the new input field so engineering had an unambiguous answer for every edge: the empty focus state with range hints, amounts below the trade minimum, amounts over the available balance, both errors at once, 14-digit inputs, and extreme ranges for small-unit assets. The states below step through that spec, one decision at a time.

One Input, Six Specced States

Each state resolves one ambiguity identified in the old flow. All states share one fixed rate, 1 ETH = 2800 USDT, so every number on screen can be checked.

1. Input: the result as you type
2. Focus: range hints before typing
3. Below the trade minimum
4. Over the available balance
5. Both errors at once
6. Extreme ranges: DOGE

Key Decisions

Outcome

The revamp shipped across Market and Limit modes on web and app. Amounts and balances became visible in place, recent trades and market data moved into the flow, and wallet switching collapsed to a single tap.

The support queue set the success criterion: reduce questions caused by unclear quotes, hidden history, missing market context, and wallet switching. I no longer have access to a clean post-launch reporting window, so I do not attach a percentage to that outcome.

Reflection

For financial tools, the best design often feels quiet. The support queue was the brief: fix the specific moments where users could not verify what would happen next, and keep the redesign grounded in problems people actually reported.