From £45/month on EU-sovereign UK hosting. Cancel any time.

From £45/mo · EU-sovereign · Cancel any time

See the three tiers →

← Back to portfolio All case studies

Hyperlocal directory · Case study

21 providers. Real prices. One independent comparison.

Offices in Leeds — Next.js + Vercel London + Cloudflare Images + OpenStreetMap. Hyperlocal workspace comparison directory with multi-select filters, cost calculator, side-by-side compare, ⌘K command palette, Stripe + Supabase for paid listing tiers. Independent positioning beats vendor-paid lead-gen.

Offices in Leeds www.officesinleeds.com ↗
  • Next.js (App Router)
  • Vercel London (lhr1)
  • Cloudflare Images
  • OpenStreetMap
  • Stripe
  • Supabase
21 Providers
7 Areas filtered
£10–£550/mo Price band
5 Categories

Offices in Leeds is what a hyperlocal comparison directory should look like in 2026 — single city, single category, real numbers, no SEO clickbait. The H1 reads: “The Smarter Way to Find Office Space in Leeds.” The subhead, in the same breath, gives the entire competitive position: “21 providers. Real prices. One independent comparison.”

The positioning move

UK office-space search is dominated by lead-gen aggregators that sell tenant enquiries to providers. They appear free; they’re not. The cost is paid by the provider, who recoups it from the tenant’s rent, who then never sees the “comparison” that wasn’t actually comparing.

Offices in Leeds plays the opposite move:

  • Single city — Leeds, with seven sub-area filters (city centre, west, east, south, etc.)
  • Real prices — published price bands per provider per service type, updated rather than gated
  • Independent — no provider-paid placement, no rank-for-pay

The narrowness is the positioning. A tenant typing “office space Leeds” wants 21 honest options, not 500 lazily-indexed listings.

What’s actually on the site

  • 5 service categories — virtual offices, serviced offices, coworking, registered addresses, meeting rooms
  • 7 Leeds-area filters — segments the city the way local search actually works
  • Price band £10–£550/mo — virtual-office floor through to premium serviced suites
  • Multi-select filters — service type × area × price × amenities (combine freely)
  • Side-by-side compare — pick up to four providers, see the spec sheet stacked
  • Cost calculator — input headcount + tenure, get a real monthly estimate
  • ⌘K command palette search — power-user UX usually reserved for SaaS dashboards
  • Interactive map (OpenStreetMap) — providers plotted, click to inspect
  • Blog / guides / compliance calendar — editorial keeps the page alive for crawlers

The tech stack — and why it matches the positioning

Next.js on Vercel London (lhr1). App Router; server components by default. Heavily edge-cached — the home shows x-vercel-cache: HIT with an age of several thousand seconds (multiple hours), meaning the shell sits in the edge POP and individual filter interactions hit a client-side filtering layer. Cheap to run, fast to serve.

Cloudflare Images for thumbnails. imagedelivery.net URLs in the rendered HTML. Optimised, multi-resolution image delivery without a custom pipeline. The provider thumbnails load instantly because they’re never raw uploads — they’re served at the size the user’s viewport needs.

OpenStreetMap, not Google Maps. *.tile.openstreetmap.org in the CSP. Free, no Google Maps SDK weight (which is ~250KB minified), no Google JS tracker in the page bundle. Matches the EU-sovereign house style — no US tracking on a UK-focused directory.

Stripe + Supabase wired in. This isn’t a static directory. Providers can sign up for paid placement tiers — premium listings get larger cards, featured-area placement, and direct enquiry routing. The marketplace logic is in Supabase with RLS; payouts are via Stripe Connect; listings are graded by tier.

Why “independent comparison” works as positioning

The honest answer to “why list here?” is provider-side: because the alternatives are vendor-paid aggregators that distort comparison. The honest answer to “why search here?” is tenant-side: because the comparison is straight, the prices are real, the map shows you where to walk to.

That symmetric honesty is the case study. It’s the same posture that drives the regulated-vertical pages on UK Web Marketing’s own site — the clinic / solicitor / school / accountant pillars don’t pretend they’re objective ICO/SRA/KCSIE/ICAEW guides; they’re framed as “what a UK Web Marketing site does, given this regulatory landscape.” Same honesty, different vertical.

Performance signals worth borrowing

Three patterns from this build that I steal for client work:

  1. Edge-cache the shell, filter client-side. The home is HIT with multi-hour age. Filter UX is JS that operates on already-shipped data. Result: every interaction feels instant.

  2. Cloudflare Images for any image-heavy directory. Skip the asset pipeline entirely. Save bandwidth, save build time, save originator-storage costs.

  3. OpenStreetMap for maps in cost-sensitive builds. Free tiles, no SDK weight, no tracking. The maps look identical to Google’s for non-power-user cases (provider plotting, area highlighting). Use Google Maps only if you actually need Street View, Place Autocomplete, or Directions integration.

Transferable to small-business clients

If you’re building a UK hyperlocal site — a Leeds plumber-directory, a Bradford solicitors-cluster, a Manchester restaurants-guide — the Offices in Leeds pattern is the template:

  • Pick a city × category narrow enough that 20–50 listings is comprehensive
  • Publish real prices (or honest price bands)
  • Position as independent
  • Edge-cache aggressively
  • Use Cloudflare Images for thumbnails

The UK Web Marketing Foundation tier (£45/mo) can host a single-page comparison directory of this shape easily. The Growth Engine tier (£195/mo) adds the lead-gen and newsletter rails so the directory captures opted-in subscriber data alongside the search experience.

WhatsApp me if you want the equivalent for your sector.

← All case studies

Three honest tiers · From £45/mo · Cancel any time

Ready for the website + infrastructure your business should already have?

Start your build
Start your build — £45/mo WhatsApp