The Modular Explorer for Decentralized Infrastructure
Project Overview
Product Strategy
UX/UI Design
Design System
Product Design
Visual Identity
NODAR is a next-gen blockchain explorer designed to track and analyze modular networks, rollups, and Layer 2 activity in real time. Unlike standard explorers, NODAR isn't just for checking wallet balances - it's a full data intelligence platform built for speed, customization, and clarity.
We were brought in to define a clear product vision, elevate the user experience, and craft a UI that feels lightweight and powerful, whether you're parsing zk-rollup txs or checking validator stats.
Every touchpoint was built to support multiple audiences - from casual token holders to protocol devs and staking DAOs.
We were brought in to define a clear product vision, elevate the user experience, and craft a UI that feels lightweight and powerful, whether you're parsing zk-rollup txs or checking validator stats.
Every touchpoint was built to support multiple audiences - from casual token holders to protocol devs and staking DAOs.
Branding & UI Direction
We leaned heavily into developer aesthetics: dark UI, monospace-adjacent typography, and no-frills layout systems. The branding balances form and function - serious enough for enterprise use, but bold enough for DeFi culture.
We introduced subtle animations for loading states, hover microinteractions for data drill-downs, and modular card-based layouts that feel snappy even with thousands of transactions streaming in.
The interface was divided into three layers of information:
-Surface (for casuals: balances, transfers, fees)
-Mid-depth (validators, gas charts, contract logs)
-Deep (dev dashboards, sync stats, API explorer)
We introduced subtle animations for loading states, hover microinteractions for data drill-downs, and modular card-based layouts that feel snappy even with thousands of transactions streaming in.
The interface was divided into three layers of information:
-Surface (for casuals: balances, transfers, fees)
-Mid-depth (validators, gas charts, contract logs)
-Deep (dev dashboards, sync stats, API explorer)