Biofarm · Habitat Bank Hub · Approach & options

A location-first Hub that scales

Recommended organising model, plus brand mid-fidelity options to compare — 4 Hub concepts and 3 Sleight Farm bank-page layouts. Every page is responsive; the desktop and mobile frames are the same live pages at different widths.

The organising model (shared across all options)

01

Location-first

Location is the primary organising principle — the main driver of a BNG buying decision — expressed through map, region grouping or search depending on the concept.

02

Areas served, not just points

Each bank shows the catchment / LPAs it can serve (spatial-risk multiplier), not just a dot — the real question a developer is asking.

03

Search & filter, not folders

Postcode / LPA / habitat / units filtering scales to any number of banks without a rigid menu that dates as the network grows.

04

Never geographically limited

A persistent national-capability band + “can’t see one near you?” means a regional cluster of banks reads as a growing network with national delivery.

05

Progressive disclosure

Hub browses & compares; bank pages carry the depth. Clear path: Hub → Bank → Enquire.

06

Mobile-first & brand-native

Collapsible map/list, sticky filters, stacked cards. RATI/Inter, black on off-white, green accent throughout.

Habitat Bank Hub — agreed direction, 3 takes

Unified page from the review call: map + search on top, editorial bank grid below. Same content & behaviour — three treatments of the top section.

A · Side-by-side

Open full →

Search rail beside a contained map card. Calm and structured — search and map read as one tool, the grid follows.

Desktop
Mobile

B · Full immersive map

Open full →

Edge-to-edge, full-height map as the opening moment, with the search floating over it — the most “find my site” energy. Editorial grid follows beneath.

Desktop
Mobile

C · Banner map

Open full →

Hero, then a sticky horizontal search bar over a wide cinematic map band. Closest to a classic page rhythm — the filter bar stays with you as you scroll.

Desktop
Mobile

Coming-soon site template

Open full (Worth Abbey) →

One template serves all 23 pipeline sites (linked from the hub cards and map dots). Populated automatically with each site’s name, LPA, NCA, region and location map — and includes an internal “content to source” checklist per site: photography, site story, area/units, planned habitats, registration window.

Desktop
Mobile

Habitat Bank Hub — original 4 concepts

Kept for reference — the unified page above combines them.

1 · Map + List

Open full →

Split screen: an interactive map synced with a filterable card list. Best of both — “where’s my site” and the specifics (units, habitats, condition) together.

Desktop
Mobile

2 · Editorial / Regional

Open full →

Photography-led. Large image cards grouped by region — premium and magazine-like, leaning into the brief’s emphasis on landscape photography.

Desktop
Mobile

3 · Map-first / Immersive

Open full →

The map is the hero: full-bleed interactive map with floating search and a results drawer of bank cards. App-like and most location-driven.

Desktop
Mobile

4 · Compare / Data-led

Open full →

For planners & ecologists: a sortable, filterable comparison table (units, habitat types, LPA served, condition) — fast to shortlist, map secondary.

Desktop
Mobile

Sleight Farm bank page — 3 layouts

All cover the brief’s sections; different reading experience.

A · Immersive hero

Open full →

Full-bleed image hero with key facts, then stacked editorial sections. Strong first impression, photography forward.

Desktop
Mobile

B · Spec-sheet

Open full →

A sticky enquiry / spec rail beside scrolling content — keeps units, facts and “Enquire” in view at all times. Most action-oriented for developers.

Desktop
Mobile

C · Long-form story

Open full →

Narrative layout with big full-bleed imagery between sections — leans into storytelling and the land’s legacy. Great for the secondary landowner audience.

Desktop
Mobile

Notes: maps are live & interactive (Leaflet + OpenStreetMap — needs an internet connection; can switch to Mapbox / Google Maps with a key). Banks 03–06 locations, some Sleight figures (units, LPA, BGS) and representative photography are marked placeholders to swap for registered data. If your browser blocks file:// iframes, use the “Open full →” links.