Skip to content

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.

Free plan · No card · Whole team included

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

harbourfern.blockyhq.com/preview

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.

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.

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.

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
client logins needed
0
client logins needed

the build log

  • shipped · assignments & due dates on sections and pages
  • shipped · My Work — one list of everything that’s yours
  • shipped · section comments with @mentions and email
  • shipped · project activity feed with page & section links
Read the changelog

Structure

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.

harbourfern.blockyhq.com/preview/homepage
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.

Content

Words get a workflow, not a folder of docs.

Five stages per section, rolled up per page. Real formatting — bold, links that point at your pages, lists — plus assignments, due dates and comments with @mentions. The copy always has an owner and a state.

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.

Sign-off

Approval that means something.

Not a thumbs-up in a thread. A recorded decision on every section, from a named reviewer.

Invite your client

One email, one magic link. No password to invent, no account to manage, no seat to pay for.

Same page, same conversation

Your client comments in the same threads as your team. One conversation, in context — nobody forwards screenshots.

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

Try it

This is what your client sees. Try being one.

A real review link, rendered by the same component your clients get. Leave a comment. Then approve the homepage — see what gets recorded.

app.blockyhq.com/client/harbour-fern/homepage

Homepage

Reviewing as Sam Okafor (Harbour & Fern)

0 of 5 sections approved

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.

This section:

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:

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:

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.

This section:

Harbour & Fern© 2026 Harbour & Fern Ltd
audit · waiting for a decision…

Handoff

Approved content in. Working site out.

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

blocky export --approved-only

---
title: "Homepage"
slug: 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.

- [Book a site visit](/contact)
- [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.

Everyone knows what’s theirs.

Assignments and due dates feed one list per person. Monday mornings stop being archaeology.

My work — this week

  • PSHomepage — HeroDue tomorrow
  • DMServices — Pricing tableDue Sun 30 Aug
  • RVAbout — Team biosDue today

We checked the field so you don’t have to.

The bits that matterBlockySitemap toolsDesign tools
Content & structure in one tool
Per-section client sign-off
Flat team pricing — unlimited seats
AI-ready Markdown + JSON export

Priced like a tool, not a headcount.

Early access — lock this price for life

Studio

£19/month flat

10 active projects · unlimited seats · unlimited review links

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.

In Blocky, every client project gets one brand colour on the paper. This site is no different — try one: