Website planning for agencies & teams

Decide what the website says before anyone designs it.

Blocky is where sitemaps, wireframe content and client sign-off happen in one place — so design starts from approved words, not lorem ipsum.

Create your free workspace

Free plan · No card · Whole team included · or see it work first

This one’s real. Go on — drag a section.

https://harbourfern.blockyhq.com/previewInteractive

Gardens worth staying in

Harbour & Fern designs and builds gardens across the south coast — planting-led, low-fuss, made for the way you actually live outside.

Book a site visit See recent gardens

What we design

Three ways in, priced by garden size — see recent gardens for the range.

Design

Full redesigns from a blank lawn — planting plans drawn for the way you live outside.

Build

One crew, start to finish. You approve each stage before the next begins.

Aftercare

Seasonal visits that keep the whole thing alive after we leave.

From sketch to soil

One site visit, one concept, one build. You approve each stage before the next begins — no surprises at invoice time.

Typical timeline: 6–10 weeks, sketch to soil
Every build includes: Planting plan with seasonal notes
Two seasons of aftercare
A watering schedule that survives holidays
Plants guaranteed: Yes

Recent gardens

Twelve gardens from the last two years, from courtyard pockets to half-acre rewilds.

Kind words from long grass

Ready when the weather is

Site visits book four weeks ahead in spring. Tell us about your garden and we’ll bring wellies.

Book a site visit

status: draft · every section is a row with a stable uuid

The film

The whole idea, in thirty seconds.

Structure, content, sign-off and handoff — the four steps this page walks through, cut to a beat. Sound on.

0:30 · 128 bpm · picture and score rendered from source, frame by frame — no screenshots, no stock music

The problem

Every tool knows half the problem.

Sitemap tools know your structure. Content tools know your words. Design tools know neither — until it’s too late to change cheaply.

Sitemap tools

Boxes with labels. Nobody wrote the words.

Docs & spreadsheets

All words, no shape. Approval means “I skimmed it”.

Design tools

Beautiful layouts wrapped around lorem ipsum.

Blocky

The words and the boxes — and a client who said yes to both, on the record.

Structure01 / 04

The whole site, as a thing you can hold.

Pages are a tree. Every page is wireframe sections in an order you chose — real copy with bold, links, lists and columns, plus structured fields and buttons. Change your mind by dragging; this is the cheapest place to do it.

Pages

Every page is sections in an order you chose — click one.

https://harbourfern.blockyhq.com/preview/homepageInteractive

Final

Gardens worth staying in

Harbour & Fern designs and builds gardens across the south coast — planting-led, low-fuss, made for real life outside.

Final

What we design

Design

Full redesigns from a blank lawn.

Build

One crew, start to finish.

Aftercare

Seasonal visits, forever if you like.

Final

Book a site visit

Spring slots book four weeks ahead — tell us about your garden.

You’ve already used our mega menu builder — it’s the Product menu at the top of this page, rendered by the same component your clients would see.

Content02 / 04

Words get a workflow, not a folder of docs.

Five stages per section, rolled up per page. Real formatting, assignments, due dates and comments with @mentions. The copy always has an owner and a state — and everyone knows what’s theirs.

Homepage

Testimonials — “Kind words from long grass”

Not started

The pills are load-bearing — they drive My Work, page roll-ups and review readiness, not just the colour scheme.

My work — this week

PSHomepage — HeroIn progressDue tomorrow
DMServices — Pricing tableDraftDue Thu 22 Oct
RVAbout — Team biosReady for reviewDue today

Sign-off03 / 04

This is what your client sees. Try being one.

A real review link, rendered by the same component your clients get. Leave a comment on any section. Approve one — and see exactly what gets recorded.

https://harbourfern.blockyhq.com/preview/homepageInteractive

Homepage

Reviewing as Sam Okafor (Harbour & Fern)

0 of 5 sections approved

Harbour & Fern

Gardens worth staying in

Harbour & Fern designs and builds gardens across the south coast — planting-led, low-fuss, made for the way you actually live outside.

Book a site visit See recent gardens

This section:

Comments on this section

One thread. Your team and your client, in the same conversation.

What we design

Full garden redesigns, planting plans for existing spaces, and seasonal care that keeps the whole thing alive after we leave.

This section:

Comments on this section

One thread. Your team and your client, in the same conversation.

From sketch to soil

One site visit, one concept, one build. You approve each stage before the next begins — no surprises at invoice time.

This section:

Comments on this section

One thread. Your team and your client, in the same conversation.

Kind words from long grass

This section:

Comments on this section

One thread. Your team and your client, in the same conversation.

Rachel VaughanTeam· Tue 14:32
Love this — can we lead with the quote from the Whitstable project?
Sam OkaforClient· Tue 15:04
Yes please. And “long grass” made me laugh — keep it.

Ready when the weather is

Site visits book four weeks ahead in spring. Tell us about your garden and we’ll bring wellies.

Book a site visit

This section:

Comments on this section

One thread. Your team and your client, in the same conversation.

audit · waiting for a decision…

Step 1
Invite your client
Clients get a one-click sign-in link in every email — nothing to learn, no per-seat charge. One reviewer seat on Free, unlimited on paid plans.
Step 2
Same page, same conversation
Your client comments in the same threads as your team. One conversation, in context — nobody forwards screenshots.
Step 3
Sign-off, section by section
Approve or request changes per section; a rejection always says why. Edit an approved section later and it politely asks to be re-approved.

section.approved · Hero · Sam Okafor · 09:41 — on the record

Handoff04 / 04

Approved content in. Working site out.

The page you just approved exports as structured Markdown and JSON — a brief for the build agent, front-matter, sections in order, copy statuses. Paste it to a designer or pipe it into Claude Code.

blocky export --approved-only

▌

Harbour & Fern

Gardens worth staying in

Planting-led, low-fuss, made for the way you actually live outside.

Book a site visit

Redesigns

Planting plans

Seasonal care

Same words. Same order. Same approval. Now a website.

--approved-only reads each page’s latest approved snapshot, never the live draft

---
title: "Homepage"
slug: "homepage"
path: "/homepage"
status: approved
version: 3
parent: null
---

# Homepage

## [hero] Gardens worth staying in

_copy status: final_

Harbour & Fern designs and builds gardens across the south coast — planting-led, low-fuss, made for the way you actually live outside.

Buttons:
- [Primary] Book a site visit → /contact
- [Secondary] See recent gardens → /gardens

## [feature_grid] What we design

_copy status: final_

Full garden redesigns, planting plans for existing spaces, and seasonal care that keeps the whole thing alive after we leave.

## [process_steps] From sketch to soil

_copy status: final_

One site visit, one concept, one build. You approve each stage before the next begins — no surprises at invoice time.

Want the whole sample bundle to try in your own editor?

README brief, every page, the sitemap and project.json — as a zip, by email.

Create your free workspace

Pricing

Priced like a tool, not a headcount.

Built inside a working agency, for its own client projects — then productised.

No invented testimonials, no logo wall. Just the tool we use to plan real websites, and a public changelog you can hold us to.

section types: 24; section types
workflow stages: 5; workflow stages
place to say yes: 1; place to say yes
per-seat charges: 0; per-seat charges

The build log

shippedthe sign-off certificate
shippedreviews that say what changed, and who’s looked
fixedthe site audit, first tranche
shippedinvites that land on the right projects

Read the changelog

Studio

£19/month flat

10 active projects · unlimited seats · unlimited reviewer seats

Start free See all plans

Per team. Not per seat. On purpose.

The next website you plan could start here.

Free plan, one active project, the whole team included. Judge it on a real project.

Create your free workspace

No card · UK-hosted · no third-party trackers · see pricing

Decide what the website says before anyone designs it.

Design

Build

Aftercare

The whole idea, in thirty seconds.

Every tool knows half the problem.

The whole site, as a thing you can hold.

Design

Build

Aftercare

Words get a workflow, not a folder of docs.

This is what your client sees. Try being one.

Invite your client

Same page, same conversation

Sign-off, section by section

Approved content in. Working site out.

Gardens worth staying in

Priced like a tool, not a headcount.

The next website you plan could start here.