Back to Works
Data Dashboard — Enterprise Oracle Data Platform for Supra
Web3 / Enterprise DataDesignManagement

Data Dashboard — Enterprise Oracle Data Platform for Supra

Designing and managing a comprehensive data oracle dashboard across 10+ feature areas, 4 breakpoints, and full light/dark theme support — 200+ screens delivered.

RoleProduct Designer & Project Manager
Duration6 months
Team3 designers, 6 engineers, 2 PMs
Tools
FigmaJiraConfluenceNotion
The Problem

What needed solving

Supra's oracle network needed a professional data platform where developers and enterprises could browse price feed catalogs, monitor data providers, inspect node operators, explore supported networks, and test integrations through a simulator — all behind authentication. The dashboard had to serve both Supra-native and third-party users with different subscription tiers, scale across mobile to 4K displays, and support full light and dark theming from launch.

The Constraints

Rules I worked within

01

Every screen required 4 responsive breakpoints (Mobile, Tablet, Desktop, 4K) and 2 theme modes (Light, Dark) — 8 variants per view minimum.

02

Catalog filtering required complex multi-select, search, and tag-based workflows with interactive prototypes for both desktop and mobile.

03

Must differentiate between Supra and non-Supra user experiences — separate detail pages, subscription flows, and pricing tiers.

04

Empty states, error pages, and edge cases needed full design coverage across all breakpoints and themes.

The Impact

Measurable outcomes

200+ screens
Full Coverage

Delivered 200+ high-fidelity screens across Landing Page, Login/Signup, Catalog, Catalog Details, Providers, Networks, Node Operators, Testnet/Simulator, Empty States, and Error Pages.

10 modules
Feature Areas

Designed 10 distinct feature areas — each with card/list views, detail pages, filtering, and state management across all responsive breakpoints.

4 × 2 matrix
Responsive + Themed

Every feature delivered across Mobile, Tablet, Desktop, and 4K breakpoints with complete Light and Dark mode coverage.

2 prototypes
Interactive Flows

Built interactive prototypes for the catalog filter experience on both desktop and mobile — validating complex multi-step filtering before engineering handoff.

Key Takeaway

At enterprise scale, design consistency is the product — when 200 screens share the same visual rhythm, users build trust in the data they are reading.