Back to Works
Supra Block Explorer — Making Blockchain Data Accessible
Web3 / Blockchain InfrastructureManagement

Supra Block Explorer — Making Blockchain Data Accessible

Managing the end-to-end design of a comprehensive blockchain explorer covering search, transactions, cross-chain tracking, addresses, and NFTs for the Supra network.

RoleProject Manager
Duration6 months
Team3 designers, 5 engineers, 1 PM
Tools
FigmaJiraConfluenceMiro
The Problem

What needed solving

Supra needed a world-class block explorer that could surface complex blockchain data — transactions, cross-chain transfers, contract addresses, and NFTs — in a way that both developers and everyday users could navigate with confidence. Existing explorers were fragmented, data-dense, and hostile to non-technical users. The project required coordinating design across 6 major feature areas while maintaining a unified experience and a scalable component system.

The Constraints

Rules I worked within

01

Must handle 6 distinct data domains (search, transactions, cross-chain, addresses, NFTs, blocks) within a single cohesive interface.

02

Cross-chain transaction tracking required visualizing multi-step asset flows across networks with real-time status updates.

03

Design system had to scale across 100+ unique screens while maintaining visual and interaction consistency.

04

Must serve both technical blockchain developers and non-technical users exploring the network for the first time.

The Impact

Measurable outcomes

100+ screens
Hi-Fi Designs

Managed the delivery of 100+ high-fidelity screens across search, transactions, cross-chain flows, address details, NFT results, and homepage iterations.

6 features
Core Modules

Coordinated design for Search Engine, Search Results, Transactions, Cross-chain Transactions, Address pages, and NFT discovery.

Full system
Design System

Delivered a complete component library — icons, buttons, navigation, lists, cards, elements, and modules — with color palette, typography, and interaction guidelines.

Wireframe → Hi-Fi
End-to-End Process

Led the project from initial wireframes through iterative design rounds to polished high-fidelity deliverables ready for engineering handoff.

Key Takeaway

A block explorer is only as good as its information architecture — organizing complexity into predictable patterns is what makes raw blockchain data feel navigable.

Visit Live Site

This design has since been changed by Supra.