Gryffin Forge
Live prototypeHome & EnergyFictional business · Norwich

Solar Installer Website Demo

A solar and battery installer site with a savings estimator, project gallery and a free-survey booking flow.

Screenshot of Sunward Solar (Solar Installer Website Demo)
Loading live preview…

iPrototype for a fictional business. Sunward Solar, its people, prices, reviews and contact details are invented placeholders; forms in the demo are simulated and send nothing. Phone numbers use Ofcom's reserved drama range.

Industry context

The problem this concept explores

Solar is a large, considered purchase surrounded by inflated claims. Visitors want a believable ballpark before they will let anyone onto their roof.

Sunward explores an evidence-led design: a savings estimator that labels its output as an illustration, a gallery of example installations and a survey-request form that collects roof and usage details up front. Figures are illustrative, and the estimator says so.

Home-energy purchases are considered and expensive. These concepts explore savings estimators that set honest expectations, project galleries and a survey-booking flow that captures the details an installer needs.

Features demonstrated

  • Savings estimator

    A bill slider, roof direction and battery choice produce an illustrative yearly saving, payback period and CO₂ figure — clearly labelled as an illustration.

  • Service breakdown

    Panels, batteries, EV chargers and heat pumps explained separately.

  • Survey request

    Collects the details an installer needs before visiting (simulated).

  • Installation footage

    Licensed rooftop footage in a scroll-driven showcase.

Best practice

What a great solar installer website needs

Full home & energy guide
  • A savings estimator labelled as an illustrationGive a ballpark with visible inputs, and say clearly that a survey gives real figures.
  • Separate pages per servicePanels, batteries, EV chargers and heat pumps answer different questions.
  • A survey request that captures the essentialsRoof direction, usage and property type help an installer prepare.
  • Real installationsPhotos and short descriptions of completed projects.

Responsive screenshots

Desktop and phone, captured from the live page.

Sunward Solar demo, desktop view, video showcase section
Desktop · showcase reel
Sunward Solar demo, desktop view, services section
Desktop · content sections
Sunward Solar demo, mobile view
Mobile · 390px

Technology overview

How this page is produced

The page is rendered on demand by the studio's template engine from a handful of parameters — template, business name, city and phone. No per-site build or database record exists.

Read the engine case study
Template
energy
Stack
Template engine (vanilla JS) · Cloudflare Workers · Edge image & video proxy · Scroll-driven CSS motion
Rendering
Edge, on request
Media
Licensed footage via allow-listed proxy
Forms
Simulated — nothing is sent
Indexing
Demo pages are noindex

Related demos

Full library
oaklinerenovations.demo
Construction & Renovation Website Concept: homepage of the fictional business Oakline Renovations
Construction & RenovationManchester

Construction & Renovation Website Concept

A builder's site that qualifies jobs before the site visit: structured quote intake, before-and-after proof and accreditation up front.

  • Quote intake
  • Before & after
  • Video showcase
View detailsLive preview
northgatemotors.demo
Garage & MOT Website Demo: homepage of the fictional business Northgate Motors
Automotive & Car CareLeeds

Garage & MOT Website Demo

A garage website that publishes its prices and lets drivers book an MOT in a few taps, with workshop footage that earns trust.

  • Online booking
  • Price list
  • Video showcase
View detailsLive preview