Skip to content
Tomás Löffler

Designer who codes experiences

Gnosis Bridge Explorer

Clarity for cross-chain activity

Year
2024
Role
UI/UX Designer
Skills
Product DesignData VisualizationWeb3
Technologies
Next.jsTypeScriptFigma
Gnosis Bridge Explorer

Full transaction visibility

Users can search any transaction hash and immediately see its bridge direction, token amounts, validator status, and completion state; eliminating the confusion that typically accompanies cross-chain transfers.

Gnosis Bridge transaction detail with validator status

The Problem with Bridges

Cross-chain bridges are among the most anxiety-inducing interactions in web3. Funds disappear from one chain and reappear on another, with no clear feedback about what's happening in between. The Bridge Explorer was designed to make the invisible visible: every step of the transfer is surfaced, every validator is shown, and every transaction is searchable. We worked closely with the Gnosis team to ensure the data architecture matched what users actually needed to know.

Gnosis Bridge search interface

Live Data, Calm Interface

Polling live data from The Graph introduced a design challenge: how do you show real-time state without making the interface feel anxious? We used subtle loading indicators, optimistic state updates, and a four-state status system: pending, in progress, complete, failed, to keep users informed without overwhelming them.

Next Project

xERC20 Launchpad