When supporting both NPCs and advanced traders, we have to be careful of the UI supporting neither.
What’s the difference between 'Buy and Sell' and 'Exchange'?
Where do I make a deposit
Approximately? How much will I actually get?
12 different things competing for the same thing. The interface was overloaded with information and confusing without clear call to action
Solution for NPCs: trade directly from the coin page
I simplified navigation by separating the flow for two users. Beginners will go through the coin page flow, whereas advanced users can buy directly from the exchange.
This makes it significantly more accessible for first-time users, while still giving advanced users access to more powerful tools.
Step 1 - select whether you want to buy or sell
Step 2 - enter the euro or coin amount and buy
Solution for Degen & Advanced: buy, sell, swap from exchange page
Advanced users can purchase crypto with fiat on the Spot tab or quickly swap asset pairs on the Exchange tab. These pages are separated to provide guardrails for less experienced users, who often don’t realize that some tokens can’t be bought directly with fiat and are only tradable against assets like Bitcoin.
Spot - users can buy or sell coins available in fiat currencies
Exchange - users can quickly swap token pairs
Another challenge: all currencies have a BTC pair, but not all have a EUR pair. You don't want to find out when trading.
The simplified UI includes smarter form logic and better information hierarchy.
Splitting the flow into 2 steps for coin pages provides a simple structured flow for those in discovery mode.
Iterating on multiple variants helps achieve clarity over simple logic.
