Gryffin Forge
Live prototypeConstruction & RenovationFictional business · Cardiff

Electrician Website Demo

An electrician's site that explains services in plain English — rewires, EV chargers, safety certificates — with a quick quote request.

Screenshot of Voltline Electrical (Electrician Website Demo)
Loading live preview…

iPrototype for a fictional business. Voltline Electrical, 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

Homeowners rarely know what a job is called. Trades sites that list services in jargon lose people who can't tell whether 'EICR' or 'consumer unit upgrade' is what they need.

Voltline explores plain-English service cards, a 'not sure what you need?' path, project photos and a quote request that accepts a photo of the problem.

For trades, the website's job is to qualify a job before the first site visit. These concepts explore structured quote intake, before-and-after sliders and accreditation strips that answer the questions customers usually ask on the phone.

Features demonstrated

  • Plain-English services

    Each job described by the problem it solves, not just its trade name.

  • Not-sure path

    Describe the problem and get a callback instead of guessing the service.

  • Project gallery

    Before-and-after photos of real jobs build confidence.

  • Quote with photo

    Visitors attach a photo of the fuse board or fault (simulated).

Best practice

What a great builder website needs

Full construction & renovation guide
  • Structured quote intakeAsk for job type, rough size, location and timing so the first conversation starts informed.
  • Before-and-after comparisonsA drag slider shows transformation better than any paragraph.
  • A clear processExplain how quoting, scheduling, building and sign-off work, step by step.
  • Genuine accreditations and insuranceOnly show memberships the business actually holds, with links where possible.

Responsive screenshots

Desktop and phone, captured from the live page.

Voltline Electrical demo, desktop view, video showcase section
Desktop · showcase reel
Voltline Electrical demo, desktop view, services section
Desktop · content sections
Voltline Electrical 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
trades
Stack
Template engine (vanilla JS) · Cloudflare Workers · Edge image & video proxy · Scroll-driven CSS motion
Showcase motion
3D orbit
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
ridgewayplumbingheating.demo
Plumber & Heating Engineer Website Demo: homepage of the fictional business Ridgeway Plumbing & Heating
Construction & RenovationSheffield

Plumber & Heating Engineer Website Demo

A plumbing and heating site built for emergencies and boiler jobs: call now, request a quote, and see the areas covered at a glance.

  • Instant quote
  • Areas covered
  • Video showcase
View detailsLive preview
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