Case study · Web3 · DeFi
A landing page, swap, wallet and dashboards redesigned and built as one fast product.
- Industry
- Web3, DeFi
- Scope
- UX redesign, frontend, backend integrations
- Stack
- Next.js, TypeScript, Node.js, WebSockets, PostgreSQL
- Simpler swap flow
- Transaction finality
- Blocks per second
- TPS capacity
- Products, one design system
- BlockDAG explainer with visuals
The challenge
What we did
- 01
Overloaded screens hid the performance
Clear hierarchy and calm dashboards
- 02
DeFi flows confused new users
Scenario-based trading, portfolio and wallet
- 03
The landing page did not convert
One story with direct entry to the app
Trading
We rebuilt swap, deposit and liquidity flows around what the user is trying to do. Each step shows the numbers that matter and nothing else.
- Real-time data over WebSockets
- Swap, deposit and pools in one pattern
- Built in Next.js and TypeScript
- Less swap complexity
- Finality
Dashboards
Portfolio, wallet and core platform dashboards share one design system, so the product reads the same on a laptop and on a phone.
- Portfolio and wallet overview
- Mobile-first trading screens
- One system across three products
