Only asks what matters
Going with a battery? You will not see generator brands or fuel types. Choosing both? You get the full set. The form follows your choices.
Contractor website
Laguna Electric
A contractor website that helps sell.
They asked for a website to show their work. I built them one that also helps sell: a tool that lets homeowners price a backup power system before they ever pick up the phone.
Visit lagunaelectricinc.com (opens in a new tab)
- Role
- Design, build and SEO
- Type
- Contractor website
- Built with
- Nuxt 3, Vue 3, TypeScript, Tailwind CSS
01 The problem
The hard partwas the quote.
Laguna Electric is a licensed electrical contractor in Orange County. They are great at what they do, but their website did not show it. The brief was simple: a clean site that shows what they offer.
As I learned more, I saw where the real pain was. People shopping for generators and batteries have lots of questions. What size? What brand? What is this federal rebate? So I pitched something extra: a tool that lets people set up a system and see a rough price on their own. They said yes.
02 What I did
What I did
- 01
Three short steps
Pick your system, set it up, see your estimate. Each step only shows what matters for your choice, so nobody gets lost.
- 02
A price that moves with you
All the math runs in the browser. Change an option and the price changes right away. It covers base cost, size, brand, fuel and the 30% federal rebate.
- 03
Every cost on show
The estimate lists each line: equipment, upgrades, brand and the rebate. People can see where their money goes.
- 04
One click to a real quote
At the end, asking for a full quote is one click. Someone who knows what they want, and roughly what it costs, is much more likely to call.
03 Details
Details that matter
Works on a phone
Most people will find this on their phone. The whole tool works just as well on a small screen as on a desktop.
Built to be found
Pages are built on the server with clean markup and the right tags, so search engines can read every word.
Light until you need it
The estimator only loads when you scroll to it. The rest of the site stays quick.
- 3
- Steps from question to estimate
- 30%
- Federal rebate worked out as you go
- 95
- Lighthouse performance score
- 0.8s
- For the main content to show
04 Pictures
05 For your site
What you can take from it.
Answer the question people ask before they call. For most businesses it is "how much?" A rough price, shown openly, brings you people who are ready to talk. It also saves you the calls from people who were never going to buy.
Want something like this?
If you need a website that does more than look good, one that helps your business, I would love to hear about it.
Start a project
Tell me what you want to build.
Pick what you need and see the price right here, or just send a few lines. I read every message and reply myself.
What happens next
See all prices and what each includes