Fintech / Web3 2024

HYPERION
PROTOCOL

Designing the interface for the world's first quantum-resistant decentralized exchange.

Role

Product Design, UX/UI

Agency

PROGRAM OCULAR.

Timeline

12 Weeks

Outcome

400% User Growth

The Complexity Gap

DeFi platforms are notoriously difficult to navigate. Hyperion challenged us to take complex financial instruments and wrap them in an interface that felt as simple as a music player.

Our goal was "Radical Transparency"—hiding the blockchain complexity while highlighting the data that matters most to the trader.

Complexity visualization

Fig 01. Mapping user flows

Data dashboard sketch

Fig 02. Dashboard Wireframes

The "Glass & Data" System

A modular design language built for density and clarity.

BTC/USD +2.4%
$42,392.00
Quick Swap
SYSTEM STATUS

Network Load: Optimal

Inter

Space Mono

Aa Bb Cc Dd 123 456

A trading terminal for the future.

Dark mode native.
High contrast data visualization.

Main Interface

Mobile First Execution

We ensured that 100% of the desktop functionality was available on mobile without clutter. Using expandable bottom sheets and gesture-based navigation, traders can execute swaps with one thumb.

IMPACT &
RESULTS

Since launching the new interface, Hyperion has become the fastest-growing DEX on the L2 network.

$2.4B
Total Volume
12ms
Latency
4.9/5
User Rating
#1
Trending App