Spark Electrical
A full, multi-page site for a domestic electrician business — not a landing page, a working system: nine service pages, three real case studies, a live savings calculator, and a contact flow that reads urgency and reacts.
- Service pages
- 9
- Project case studies
- 3
- Live savings calculator
- 1
- Backend required
- 0
- Client
- Self-published template
- Year
- 2026
- Role
- Design · Build · Product
- Scope
- Web · UX · Interaction design
- Duration
- Ongoing
- Photography
- AI-generated / demo imagery
For the buyer
- 01
A complete site, not a landing page
Hero, quick-response CTA, services, project showcase, solutions, footer — the full anatomy of a site built to convert, not just a hero image and a phone number. A visitor lands, sees urgency handled (an always-there call-out banner), scans services, sees proof in a project showcase, understands the outcome each service solves, and hits a contact flow — all before they've left the first scroll.
- 02
Engineered, not templated
The live LED energy-savings calculator lets a visitor drag a slider and watch real annual kWh and dollar savings update. The before/after gallery walks through an actual repair. The contact form reads intent — select 'Emergency / Urgent Call-out' and a high-priority Call Now button animates into view. None of that is a static mockup; it's built.
- 03
Storytelling that reads as established
Three real project narratives carry the site: a 3am emergency call-out that saved a West End bakery's trading day, an LED downlight conversion in Tarragindi, and waterfront yard lighting in Broadbeach Waters. Specific streets, specific outcomes — the kind of detail that makes a business look established, not generic.
- 04
What an agency delivers, from one person
Nine service pages generated from a typed data source, route-based code splitting, accessible forms and navigation, reduced-motion support, and a deploy that works cleanly from a GitHub Pages subpath. A production system end to end — the same scope you'd expect from a small agency, delivered without the handoffs.
Project note
Spark Electrical is a self-initiated demo — a fictional South East Queensland electrician business, built to show what a complete trade-business site looks like when it's treated as a product rather than a brochure. There's no client here, no invoice; the point was to build the whole thing an agency would deliver for a real electrician and prove every part of it actually works: a live interactive savings calculator, an intent-aware contact form, real project storytelling, and nine SEO-built service pages, all shipped as one fast, accessible, multi-page site.
