Concept project: fictional business

Emergency line first, prices before the phone rings

Brightcombe Electrical is a fictional family electrician in Bristol, made up to show how we work. Its one-page site is built to get emergency calls at any hour and to let people price planned jobs before they ring.

Trade
Electricians
Location
Bristol, United Kingdom
Main goal
Emergency calls and quote requests
Languages
EN

Opens the demo site. It's a fictional business, so forms and buttons won't contact anyone.

The brief

Three electricians and a 24/7 phone

Brightcombe is a made-up family firm from Easton, Bristol: Andre, his daughter Tia and Josh, their apprentice. In our imagined brief, they have no website, just a Google Maps listing, and their phone rings for two reasons: emergencies, often late at night, and planned jobs like EV chargers, fuse boards, EICRs and rewires. Night-time callers can't tell if anyone will answer, and people planning a job want a price before they ring. The new site had to put the 24/7 number within reach of every thumb and give planned work an honest price range and an easy way to ask for a fixed quote.

Who the page is for

Bristol homeowners with no power, sparks or a burning smell, usually on a phone and often at night. And homeowners and landlords planning an EV charger, a new fuse board, an EICR or a rewire, who want a price before they call.

Anatomy of the page

Anatomy of an electrician's site that gets calls

A Launch site is one long page, so this is the whole site: 10 sections, from the top of a phone screen down.

Brightcombe Electrical — Concept project: fictional business
  1. A red 24/7 emergency bar

    The first thing above the logo: “No power, sparks or a burning smell?” and a white call button with the number. On a narrow phone it shrinks to “24/7 emergencies” and the button, so it never wraps onto two lines.

  2. Headline, two buttons and a live status line

    “Bristol electricians who pick up the phone. Even at 2am.” names the trade and the town. Under it sit a red call button (“Answered 24/7 by an electrician”) and a “Price your job” button, then a line showing the emergency line is open and whether the office is open, in UK time. A row of four promises follows: registered and insured, fixed price in writing, 20 years on Bristol wiring, and on time or £50 off.

  3. “Do this now” safety steps

    Four steps for someone in the middle of a problem: switch off at the main switch, don't touch anything scorched, check the neighbours (a power cut means calling 105), then call. Next to them: the call-out rates, £95 from 7am to 10pm and £145 overnight, with the rate that applies right now highlighted.

  4. From-prices for 8 common jobs

    Emergency call-outs, EV chargers, fuse boards, EICRs, rewires, sockets, lighting and fault finding, each with one plain sentence and a “from” price including VAT, parts and certificates. Five of them have a “Price it” button that switches the job on in the estimator below.

  5. The fuse-board estimator

    Five breaker switches: EV charger, fuse board, EICR, rewire and sockets. Flip one on and a few options appear, like cable length or number of bedrooms, and the total updates as a price range. “Book a free quote” takes the estimate down to the form.

  6. Proof: recent jobs, the team and sample reviews

    A before-and-after fuse board you can switch between, three recent jobs with the area, the time taken and the price paid, then the three people who actually turn up. A list of registration and insurance details, four written promises and three reviews, each clearly labelled as sample content.

  7. Postcode checker, FAQ and quote form

    Type a postcode and the page says straight away whether it's covered and how fast they can get there in an emergency. Seven short answers to common questions follow, then the quote form beside the emergency number, office hours with today highlighted, and a live “Office open” or “Office closed” label.

Why it gets calls and bookings

Five decisions that turn visits into calls

The number is always a thumb away

The 24/7 number is in the red bar, the hero, the safety steps, the contact box and the footer, and in the header on screens from 600 px wide. On phones, a bar with “Call 24/7”, “Price it” and “Free quote” slides up once the hero buttons scroll out of view, and hides while you type so it never covers the form.

Answer the three questions that stop people calling

How much? Every service shows a from-price, and both call-out rates are on the page. Do you cover me? Type a postcode and the checker says yes or no, with the usual emergency arrival time. Is anyone there? The status line says the emergency line is open, right now.

A fuse board you can flip

Each job is a breaker switch, the same control people see on their own fuse board. The ranges follow simple rules, so the total stays honest: switch on a rewire and the fuse board and EICR show “Included in rewire” instead of being counted twice.

The estimate fills in the form

Tap “Book a free quote for these 2 jobs” and the form ticks the same jobs and writes the estimate as the first line of the message. The customer only adds a name, phone number and postcode. Email is optional, and any mistake gets a plain-English message next to the field.

Night mode tells the time

From 10pm to 7am UK time, the headline shows the real time, for example “It’s 11:40pm. We’re up.”, the £145 night rate is highlighted and the status line says it applies until 7am. It answers the only question a late-night visitor has: will anyone pick up?

Measured scores

  • 98Performance
  • 100Accessibility
  • 100Best practices

Google Lighthouse, mobile, simulated 4G, measured on 19 September 2026. SEO isn't scored: concept demos are deliberately hidden from Google (noindex), which Lighthouse counts against them. Run it yourself on the live demo.

Build notes

  • Hand-written HTML, CSS and JavaScript with no framework: 75 KB of CSS and JavaScript before compression, 19 KB gzipped. No tracking scripts and no cookies.
  • Images in AVIF with WebP and JPEG fallbacks, sized for each screen. Only the hero photo loads straight away; the rest load as you scroll.
  • Space Grotesk for headings and prices, DM Sans for text. Both are self-hosted, 58 KB in total, with no calls to Google Fonts.
  • Colours taken from a fuse board: graphite and white casing, isolator red for emergencies and call buttons, and earth green for “open now”.
  • Accessibility: the breakers are real switches that screen readers hear as on or off, the total is read out when it changes, every button is at least 44 px tall, and animations stop for people who turn on reduced motion.
  • Launch package: this demo is the whole site, one long page in English. A standard Launch site comes with a short enquiry form; the fuse-board estimator, postcode checker and before-and-after switch are custom extras on top.
Palette
Typefaces
Space Grotesk + DM Sans

The package it represents

Launch

This concept is the kind of site you get with Launch: £590 to build, then from £39/month for care. Interactive extras, such as calculators and estimators, are quoted separately.

Websites for Electricians →

Free homepage preview

Want a site like this for your electrical business?

Tell us about your business and we'll design your homepage first, free and with no card needed. You only pay if you want to go ahead.

  • No card needed
  • Your domain in your name
  • Cancel care any time after 3 months