OpenWater

A landing page that explains something complicated, how data centre projects win local support, in a single scroll.

Client
OpenWater Infrastructure & Development
What I did
Design, front end, SEO, hosting set-up
Languages
German & English
Stack
Plain HTML, CSS and a bit of JS
datacenter.openwater.digital
OpenWater landing page: Developing data centres that succeed
The same page on a phone

The brief

Make a hard topic feel easy.

OpenWater advises investors, developers and operators on infrastructure, permitting and stakeholder communication for data centres in the DACH region.

The catch: projects are won or lost before the permit application, but most people still see data centres as a purely technical topic. The site had to show the full picture, from grid and water to politics and public opinion, without feeling like a consulting brochure.

Approach

One idea per scroll.

I turned the argument into a story: what decides a site, why timing matters, who's involved, what it brings, how we work. Every section gets one idea and one visual device.

  1. Night hero

    A data aisle in teal wireframe sets the tone and stays light on performance.

  2. Stakeholder map

    Three rings for decision makers, utilities and opinion shapers. Everyone gets a seat.

  3. Water calculator

    Turns the most common objection into a number people can actually play with.

  4. Project timeline

    Shows where communication usually starts, and where OpenWater steps in instead.

datacenter.openwater.digital
Interactive stakeholder map in three rings
The stakeholder map: who decides, who supplies, who shapes opinion.
datacenter.openwater.digital
A data centre is part of the region's supply infrastructure: energy, water, wastewater, waste heat, land, access, permitting, communications
Eight site resources, one coordinated approach.

Under the hood

Built to be found and easy to edit.

  1. Bilingual by design

    German is the default, English lives under /en/. Each version has its own copy, canonical and hreflang. Written for meaning, not translated word by word.

  2. SEO from day one

    Structured data for organisation, service and FAQ, sitemap, social previews and Search Console. No cookie banner needed.

  3. Fast and accessible

    Contrast-checked colours, semantic markup and local fonts. No framework, no tracking scripts.

  4. Easy hand-over

    Every section is commented in the HTML, so the client can update text without a build step.

datacenter.openwater.digital
Section: projects are won or lost before the permit application

Next project

GRAFT