05Sourceful Energy / Case Study

Network Explorer

A real-time view of every device and asset contributing to Sourceful's distributed energy network. Less raw data feed, more living dashboard.

Client
Sourceful Energy
Role
Product design
Year
2026
Status
Live
Explorer map view showing network nodes across Europe
Explorer home. Every dot is a real device under real contract.

Making the invisible visible

Sourceful's network is thousands of physical devices on European grids doing real electrical work every second. The Explorer is how that work becomes legible, a web app that turns a swarm of firmware, network records and energy data into one coherent view.

It is not a raw data feed in the traditional sense. A typical network readout is a wall of records for people who already understand them. The Explorer is a living dashboard, designed for people who want to understand the network from first principles.

Translate dense network and energy data into something immediately legible.

Design brief, 2026

Three audiences, one surface

The hard problem was not the data, it was the reader. Three audiences land on the same URL with very different questions.

Investment committees want to see growth: how many nodes, how much capacity, how stable. Device owners want to see their own assets performing. Newcomers, often arriving from a curious community, want the shape of the thing before they commit to understanding the mechanics.

Rather than splitting into three products, I pushed the information architecture to answer a single question up front. What do you want to know? Everything else cascades from that choice.

Node detail view
Network dashboard

3

Audiences on one surface

Live

Network data, no refresh

0

Sign-in required to start

Next

App router + RSC

Lowering the barrier to entry

Account sign-in is the first friction point of almost every data product. For Sourceful's audience, many of whom are infrastructure investors or energy professionals, asking them to sign in within the first five seconds is a dead stop.

I built a demo mode that loads real, live network data into the full Explorer without any sign-in. Curious visitors see the real thing. A guided tour highlights what they are looking at, what it means, and what changes when they do sign in. Connection is a progression, not a gate.

Demo-mode-first flow. Sign-in is optional progression, not a gate.

Community as a test surface

Sourceful has an active community on Discord, mostly early believers in what the network is becoming. I ran the Explorer as an open beta with them, treating feedback as collaboration rather than QA. Visualisations, label choices, navigation order and default views all moved in response to how the community actually used the thing.

Explorer detail view
Explorer detail view
Close detail of Explorer interface
Close detail. Density without clutter. Every number is a live read.
  • Next.js
  • TypeScript
  • Tailwind
  • Framer Motion
  • Vercel

What shipped

Live

explorer.sourceful.energy

Design

IA, UX, UI

Beta

Ran with Discord community

Plain

Onboarding without jargon

A network is only real to the people who can see it. The Explorer is the surface that makes Sourceful's network real to three very different audiences, without forcing any of them to learn the vocabulary of the other two.