Energy · Web design

Voltline

An EV fast-charging network given the speed it sells: flowing energy lines behind the hero, a live charge gauge that follows a genuine tapering charge curve, and a pulsing corridor map of the network drawn in the browser.

SectorEnergy · EV charging
Year2026
ServicesWeb design · Front-end · Motion
StackHTML · CSS · SVG · Vanilla JS
Voltline — full page
Voltline on a phone
On a phone

Built mobile-first

Designed to stay sharp on a phone: the whole layout is responsive down to 390px, hand-built with no framework.

The brief

Show energy moving instead of decorating the page — and make the one number that matters, the price per kWh, impossible to miss.

What we built

A self-contained page: animated energy flow lines, a charge gauge running a real tapering curve, a measured charging-speed comparison, a pulsing corridor map built in JS, four product arguments, an app mock-up drawn entirely in CSS, three tariffs, driver quotes and an FAQ.

Design decisions

01
The problem

Show energy, don’t just draw it

EV sites love a static hero photo of a car at a charger.

Our call

Energy flows along SVG paths and nodes pulse — the motion is the message.The page feels as fast as the network.

02
The problem

A map without a map

Real geography is heavy to load and reads as a utility map, not a brand.

Our call

An abstract constellation of pulsing stations connected by animated lines.Coverage communicated instantly, nothing to load.

03
The problem

Green glow, kept in check

Neon on black gets garish fast.

Our call

One electric green, used for glows, lines and buttons against a deep black.High-energy but still premium.

Open the live site
Next project Nimbus Labs