Hyperliquid
Rethinking the trading experience for Hyperliquid.
- UI/UX Design
- Product Design
- Crypto Platform
- Designer
- UI/UX DesignProduct Design
- UX auditInformation architectureInterface designPrototype
The brief
A UI/UX design exploring how a complex trading platform can be made clearer and more intuitive through thoughtful product design and information hierarchy.
Your Wallet
Ow9BeSas...C32
Live Updates
Live Crypto Updates
BTC/USDT
Bitcoin
Price
$109,687.23
+2.53%
ETH/USDT
Ethereum
Price
$2,256.04
+0.93%
HYPE/USDT
Hyperliquid
Price
$63.51
+3.88%
Live Updates
Market Overview
| No | Coin Name | Price | 1H | 24H | 7D | Market Cap | Volume | Chart |
|---|---|---|---|---|---|---|---|---|
| #1 | BitcoinBTC | $109,687.23 | — | — | — | — | — | |
| #2 | EthereumETH | $2,256.04 | — | — | — | — | — | |
| #3 | BNBBNB | $708.28 | — | — | — | — | — | |
| #4 | XRPXRP | $0.9961 | — | — | — | — | — | |
| #5 | SolanaSOL | $83.81 | — | — | — | — | — | |
| #6 | TRONTRX | $0.4283 | — | — | — | — | — | |
| #7 | HyperliquidHYPE | $63.51 | — | — | — | — | — | |
| #8 | DogecoinDOGE | $0.1824 | — | — | — | — | — |
Exchange
Advanced trading tool
Spend
Receive
1 USDT = 0.00042 ETH
64%
Total Transaction
$8,263.50 USD
-8% From Previous Month
Design system
Colour, typography, iconography and components documented as one system. Inter at Regular and Medium. Navigation, actions and status specified across rest, hover and selected.
Void
- HEX
- 001111
- RGB
- 0 17 17
Canvas
- HEX
- 000D0D
- RGB
- 0 13 13
Surface
- HEX
- 0F2323
- RGB
- 15 35 35
White
- HEX
- FFFFFF
- RGB
- 255 255 255
Mint
- HEX
- 97FCE4
- RGB
- 151 252 228
Gain
- HEX
- 01D66C
- RGB
- 1 214 108
Loss
- HEX
- FF0000
- RGB
- 255 0 0
Display
Welcome Back
32 / 500 / −0.04
Page titles
Price
$109,687.23
28 / 500 / −0.03
Key figures
Title
Live Crypto Updates
20 / 500 / −0.03
Sections
Body
Advanced trading tool
13 / 400 / 0
UI copy
Meta
Last login: 10 hours ago
10 / 400 / 0.04
Eyebrows
Rest
Hover
Selected
Rest
Hover
Selected
Gain
Loss
Chip
FavouritesOutcome
Market data, charts and trading actions are structured into a more considered interface, balancing the needs of experienced traders with a more accessible and cohesive product experience.
Let’s get started on your next project
Get in touch