Green Dimensions

A single-page corporate website for Green Dimensions, a specialist landscape, irrigation and green-infrastructure company. It opens on aerial footage of a finished resort landscape, then moves through who the company is, how it approaches landscapes, what it does, the services it offers and a gallery of projects, and ends in a contact section. The site is still in progress: it is a preview, kept out of search engines until launch, and its content is being finalised with the client.

A landscape company's proof sits on the ground, in places most visitors will never see. The site had to carry the scale of the work and the technical depth behind it (nursery, irrigation, transplanting, maintenance) without turning into a brochure of leaves.

Lead with the work. A full-screen aerial film of a finished landscape opens the page, one sentence says what the company stands for, and everything after it is organised around the areas the client's results depend on, so a reader sees the work before reading about it.

Deep greens with a single lime accent drawn from the client's logo, large plain type, and photography doing most of the talking. Project cards carry real site photographs, and projects are grouped by country so a visitor can find the work nearest to them.

Built in Astro as a single static page. On the live preview, mobile Lighthouse scores are 98 for performance, 95 for accessibility and 100 for best practices, with a largest contentful paint of 1.8 seconds and an initial load of about 336 KB. The preview is deliberately kept out of search engines until launch.

• Astro

On a phone the navigation folds into a menu, the headline reflows over the film, and the two calls to action sit side by side at the foot of the first screen.