Showcase build · fictional brand

Clanrye
Landscapes

Business
Clanrye Landscapes (fictional)
Sector
Garden design & build
Location
Lisburn (invented)
Scope
Brand · Web · Motion

Open the live site

Clanrye Landscapes (fictional)
Full-page view of the Clanrye Landscapes (fictional) website
Scroll to pan through the full homepage.

The problem

Every other site here is shaped by a real business: its photos, its reviews, the customers it already has. That keeps the work honest, but it also means every one of them is built to be practical first.

Clanrye is the opposite. It's a company that doesn't exist, built to show what the work looks like with no constraints except a brief: a premium garden design and build firm, an editorial feel, the tagline “Gardens that get better with every season”, and a set palette of moss green, clay and cream.

The approach

The tagline became the centrepiece. On the homepage the four seasons are pinned in place and travel sideways as you scroll, spring through to winter, so the idea is something you move through rather than a sentence you read.

The rest is quieter: Fraunces for the headings and Hanken Grotesk for the text, six pages covering services, process, gardens, maintenance and contact, headlines that rise into place, and a moss-green panel that sweeps across between pages. Everything runs without frameworks or animation libraries, and on a phone, or for anyone who has asked their device for less motion, the seasons simply stack.

The details

  • Honest about what's invented. The company, reviews, figures and prices are all made up, and the site says so: a “concept site” strip in the header, and a phone number from the range Ofcom reserves for drama, so it can never ring a real person.
  • Contrast checked, not guessed. Every text and background pairing was measured against accessibility standards. Two extra clay shades were added where the original palette fell short.
  • No fake before and after. An early version had a before/after slider, removed because stock photos can't show the same garden twice, and two different gardens side by side is exactly what it looked like.
  • Photos that load gracefully. Each image starts as a tiny blurred preview built into the page and sharpens once the full photo arrives, so no section ever sits empty.
Next project Lagan Valley