Programmatic Web Development for Eco / Energy / Heating / Solar — The Practitioner’s Playbook.

SectionThe honest reframe most agencies won't tell you

Most eco-energy installer websites are built like they're brochures. A homepage, an About page, a Contact form, a single "Services" page that lists Solar / ASHP / EV in three short paragraphs. Then the agency wonders why Google is ranking competitors.

Eco-energy is a regulated, sub-vertical-specific buying journey. The buyer searching "ASHP installer in BH8" is not the same buyer as "solar PV installer in BH8" — different technology, different grant scheme, different decision criteria, different objections. Treating them as one audience with one Service page is exactly why the brochure-style sites convert at 3–6% and properly-built sites convert at 11–18%.

This playbook fixes the structure. It's not about a redesign — it's about programmatic page architecture, technical-trust signals, and a quote-flow that respects the buyer's regulated decision. Read it, run it yourself, or hand the build over on retainer.

SectionThe eight-point audit we run on day one

Score your own site red / amber / green this week.

1. Sub-vertical pillar pages, not one Services page — A separate, indexable, schema-marked page for solar PV, ASHP, GSHP, EV charging, battery storage, retrofit insulation. Each ranks on different queries and converts on different objections.
2. Postcode × sub-vertical programmatic pages — Service-area pages per postcode area you cover (e.g. /solar-pv-bh8/, /ashp-bh8/), with local-pack schema, area-specific testimonials, area-specific install gallery. Programmatic is the engine; one template ships hundreds of indexable pages.
3. MCS / RECC / TrustMark schema markup — Structured-data declaration of accreditations using the right Service.provider.identifier references, MCS number visible in JSON-LD, footer trust strip with inline-SVG logos (not lazy-loaded images). Google and the buyer both check.
4. Mobile Core Web Vitals on the converting page — LCP under 2.5s, INP under 200ms, CLS under 0.1 specifically on the quote-form page (not just the homepage). Most installers fail at least one of these on mobile, and mobile is 70%+ of eco-energy traffic.
5. Funded-grant calculator as a load-bearing tool — BUS, ECO4, GBIS, Home Upgrade Grant. Live calculator on the homepage and the quote-flow. Captures intent at the moment of decision.
6. Real install photography with structured data — ImageObject schema with caption, creator, contentLocation, dateCreated. Real installs (not stock), tagged with the technology and the postcode. Builds Google's confidence that you do the work, not just sell it.
7. Schema set: LocalBusiness + Service + Product + Review + AggregateRating — Five schemas live on every site we ship. Each unlocks different rich-result eligibility in SERPs.
8. Build pipeline with staging + version control + rollback — Every change to a live install site needs a one-click rollback. A bad release on a Sunday should be reversible by Monday morning, not require an emergency call to the agency.

Three or more reds — the foundation needs work before any new content or campaign budget can land properly.

SectionSix productised deliverables we ship per cycle

Sub-vertical pillar architecture. A separate pillar page for each technology you install — solar PV, ASHP, GSHP, EV, battery, retrofit insulation. Each with FAQ schema, install gallery, sub-vertical-specific quote form, internal-link structure to the supporting blog cluster. Time to first signal: 30–60 days. Owned by you, exportable as Notion + PDF.

Programmatic postcode × technology page set. One indexable page per postcode area × technology (e.g. /ashp-bh8/, /ashp-bh9/, /solar-pv-bh8/, etc.) with local schema, regional install examples, district-level testimonials, postcode-aware quote form. Drives the "ASHP installer near me" long-tail without paying brand-bid premiums.

Funded-grant calculator. Live calculator capturing buyer intent at the decision moment — BUS, ECO4, GBIS, Home Upgrade Grant. Updated each scheme cycle. Quote form pre-populates with the eligibility result, sharpening the lead handoff.

Schema deployment + accreditation footer. LocalBusiness + Service + Product + Review + AggregateRating + FAQ schemas on every page. MCS number in JSON-LD provider.identifier. Inline-SVG accreditation footer (no late-loaded images that drop CLS).

Mobile Core Web Vitals tuning. LCP under 2.5s on the quote-form page. INP under 200ms on the form-fill journey. CLS under 0.1. Lighthouse CI runs in your build pipeline so future deploys can't regress these without you noticing.

Build pipeline with staging + version control + rollback. Production site behind a Cloudflare edge cache; staging environment for any change; git-tracked source-of-truth; one-command rollback when needed. The boring infrastructure that lets you sleep on a Sunday.

AI hero-loop video + brand-locked iteration. One approved photo of a real install becomes a seamless 8-second looping background video — generated through Seedance 2.0, compressed under 2 MB on desktop and 800 KB on mobile, served from a Cloudflare R2 edge. The site itself is built and iterated through a Claude Code loop that reads a brand-system encoding (palette, typography, photography conventions) on every change, so what gets shipped stays on-brand whether it is the engineer who clicks "deploy" or the marketing director. Lighthouse CI gates every deploy: LCP must remain under 2.5s on mobile or the change does not merge. Time to first signal: 14 days.

SectionWhat to do this week

Three actions, ranked by leverage. Same first three steps we ship in week one of a Foundation retainer for an eco-energy installer.

1. Run mobile Lighthouse on your quote-form page. Owner: marketing manager or developer. Time: 5 minutes. Note the LCP, INP, CLS scores. If any is in the orange/red zone, this is your highest-leverage fix.
2. Count your technology pillar pages. Owner: founder. Time: 10 minutes. Open your site. Count separate, indexable pages per technology. If it's one combined Services page, you're undershooting by an order of magnitude on indexability.
3. Decide DIY, DWY or DFY for the next 90 days. Owner: founder. Time: 30-min discovery call. See the three ways.

SectionFive questions eco-energy operators ask us about web development

WordPress, Webflow, custom — what's right for an installer? WordPress for the vast majority. The plugin ecosystem (Yoast for SEO, Schema App for structured data, WP Rocket for caching, Cloudflare for edge) is unmatched and the team is hireable everywhere. Webflow is fine for sub-50-page sites that need beautiful one-off animation; not the right fit when programmatic page generation is the multiplier. Custom is over-engineering at this scale.

How long does a full rebuild take? A typical Compound-tier rebuild: 60–90 days from kickoff to migration. Foundation tier focuses on the pillar architecture + schema + speed first; a full visual redesign is a separate sprint or follow-on cycle.

Will you migrate our existing case studies, blog posts, and reviews? Yes. Migration is part of the Foundation deliverable and includes 301-redirects, schema preservation, image optimisation, and Search Console resubmission. We don't ship a rebuild without keeping the existing equity.

What about hosting — managed WordPress, DigitalOcean, Cloudflare Pages? Default recommendation is managed WordPress (Kinsta / WP Engine / Pressable depending on traffic + budget) plus Cloudflare in front of it. The combo handles 95% of installer traffic without breaking. Self-hosted on DigitalOcean is a fit for operators with a dev team; over-engineering for most.

Can a freelance developer do this for half the price? One specialist freelancer can absolutely build a beautiful one-off site. The compounding multipliers — programmatic page generation, schema validation in CI, Lighthouse-CI gates on every deploy, the build pipeline that lets you sleep on a Sunday — are systems work, and systems work is what the productised retainer pays for.

SectionWhere to go from here

If you want this shipped end-to-end on a productised retainer, book a 30-minute discovery call.

If you'd rather have a senior practitioner reviewing your team's work each week, the coaching plans start at £750/month. If you have a hard deadline (a launch, a peak-season ASHP push), the two-week embedded sprint lands a senior practitioner inside your tools for ten working days at £3,000 fixed.

Or run it yourself. Read this playbook end to end, run the eight-point audit, ship one deliverable a month for six months. Twice-quarterly office hours are open to anyone using the playbooks.