Case study

Isobar

Isobar runs its own weather model over wind farms, airfields, ports and festival fields. The site had to show the idea in one move: you start in a regional sky and end up on a single 250-metre square.

Project: Isobar — site-level weather forecasts
Industry: Weather / AI forecasting
Scope: Web design · Build · Motion
Built with: HTML, CSS, vanilla JS, Canvas 2D
Year: 2026

Isobar — A weather company that forecasts one site at a time, on a 250 m grid, every 15 minutes.

Overview

From the whole sky down to one square of it.

The brief

Most forecasts treat a wind farm or an airfield as a dot inside a 9 km square. Isobar cuts that square into 1,296 smaller ones and refreshes them every quarter hour. The page needed to feel like zooming in, and then prove it with live numbers.

What we did

The first screen is a flight through clouds that scrubs with the scroll. Thin rail lines and a horizon rule frame the headlines, then lift off and close in on a single cell. A dithered hole opens in the sky and the page drops into clear blue, where the four use cases scroll past a ticked ruler. After that the page goes quiet: one card shows a single 250 m cell over a photo of the site, with a 12-hour forecast curve you can scrub by moving across it. The part above the alert limit turns red, and one line says when the alert goes out. Then steps that draw a line as you scroll, four numbers over the clouds, questions, a short trial form and a full-width wordmark.