KreativeTab
All work

Showcase build: what we can create for you

Brightwork Electrical

Type: Electrician quote tool and jobs dashboard·Web apps·2026

View live demo (opens in a new tab) Jobs dashboard (opens in a new tab)
  • Web app
  • Quote calculator
  • Dashboard
  • Next.js

Showcase build: an instant quote tool and jobs dashboard for an electrical contractor in Derby.

Case study

The problem

Electricians lose evenings writing quotes for jobs they may not win, and customers wait days to hear a rough price.

What we built

A three-step quote calculator (the job, the property, how soon) that shows an itemised price and lets the customer pick a start date, plus a dashboard for the owner with bookings, revenue, win rate and the week ahead. It runs on mock data saved in the browser, so nothing is sent or stored on a server.

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Vercel

Lighthouse scores

  • 100 Performance
  • 100 Accessibility
  • 100 Best practices
  • 100 SEO

Real Google Lighthouse run, mobile settings, on kt-demo-brightwork.vercel.app on 2 November 2026. Scores can move a few points between runs.

Built by KreativeTab to show what's possible.

Process

How it came together, step by step. Select an image to enlarge it.

  1. Pencil-and-marker paper sketch of early layout ideas for the Brightwork Electrical instant quote tool and dashboard. 01 Enlarge image
    Early sketch: first layout ideas on paper, shown as an AI-generated illustration.
  2. Greyscale low-fidelity wireframes of the Brightwork Electrical instant quote tool and dashboard: a desktop page and mobile screens with placeholder images and text bars. 02 Enlarge image
    Wireframes: page structure for desktop and mobile, drawn from the finished build with colour, images and copy stripped back.
  3. UI design board for the Brightwork Electrical instant quote tool and dashboard, showing desktop and mobile frames, colour styles, a type scale and component variants. 03 Enlarge image
    UI design board: desktop and mobile frames, colour styles, type scale and components from the finished build.
The Brightwork quote calculator on desktop: job type, property details and an itemised quote
Quote calculator (desktop)
The jobs dashboard with revenue, bookings, win rate charts and the week ahead, using mock data
Owner dashboard (mock data)
Two mobile screens: the quote calculator and the dashboard
On a phone: quote tool and dashboard

Try the demo yourself

View live demo (opens in a new tab)

More projects

All work →