We built symptom-first mega menus and a header search for a problem, service or suburb. We also added an electrical problem finder, an interactive house diagram and a suburb map with search.
117
electrical service pages
The business
247 Electrician Mate is a 24/7 electrical business working across Melbourne, Geelong and the Mornington Peninsula. Its A-grade licensed electricians handle everything from no-power call-outs, burning smells and tripping safety switches to switchboard upgrades, lighting, smoke alarms, EV chargers and mains and meter work. The brand's wordmark reads 24/7 Service Mate; this website is for its electrical work.
Many of its customers arrive mid-problem. The lights are out, a safety switch will not reset or something smells hot, and they are reading on a phone. Others are planning work, such as a new switchboard before solar or an EV charger, and want to understand the job before they ask for a price.
The brief
The brief was to rebuild the website so it starts from what the customer can see, tells them what is safe to do, and then makes the call easy. It also had to cover every electrical service the business offers and every suburb it travels to, with a page for each, without losing the planned work in a site built for emergencies.
Every page needed the same working parts in the same places: the offers, the guarantee, a tap-to-call number, online booking and a short callback form. A visitor who lands on a suburb page from a search should be able to act as quickly as one who starts on the home page.
What we built
The live sitemap lists 599 pages. There are 117 service pages, made up of 22 main services and 95 specific jobs, sorted into 10 service groups that each have a hub page. There are 407 suburb pages grouped into 12 region pages, 36 guides, and 17 other pages including the home page, booking, offers, reviews, the tools and a page of printable service brochures.
Menus and search that start from the problem
Eight mega menus cover emergencies and faults, switchboards, lighting and power, alarms and compliance, mains and meters, problems, areas and guides. The emergency menu groups its services under what is happening right now, no power or no lights, switchboard trouble and after hours. Beside them sits a list of the symptoms people describe in their own words, and a call panel that starts with a safety step. A search box in the header takes a problem, a service or a suburb.
Service, suburb and region pages
Every service page opens with a breadcrumb, the job and the city in the headline, and a plain-English introduction that names the signs and the fix. The offer tiles, call and booking buttons, a Google rating badge and the callback form follow, with job photos below. Suburb pages are filed under their region in the breadcrumb, name the kinds of property and the common jobs in that suburb, and show a local street photo. The service areas page puts all 407 suburbs on one map, coloured by region, with a suburb search and the region list beside it.
Tools that help before the call
The electrical problem finder asks one question at a time. Its first question checks for sparks, smoke, a burning smell, heat or a shock, and it ends with the likely cause, what is safe to do and the right page to read. It says plainly that it never replaces an electrician's test. The interactive house explains 15 parts of a home's power, from the service line and meter to the switchboard, circuits, smoke alarms and EV charger. Each part opens a panel with what goes wrong, links to the services that fix it and a call button.
A home page that sorts the visit
The home page leads with the faults people call about and an offer row, then asks what is happening at the visitor's place. Sixteen symptom tiles cover the common problems, with the urgent ones in red, and a second set filters by room, from the switchboard and meter box to the kitchen, the garage, and letters and paperwork. Further down, the ten service groups open as tabs, a switchboard section explains why an old fuse box causes so many faults, and before-and-after sliders, each one labelled as an illustration of a typical job, show what finished work looks like.
Booking has a page of its own with the menus removed, so the form is the only task on screen. The offers page sets out the first-service discount, the online-booking offer, the seniors and pensioners discount and the workmanship guarantee. The reviews page shows the Google rating with filters by topic. A floating Google rating button opens a reviews drawer, and short review pop-ups appear while a visitor reads.
Built for phones
On a phone the header shrinks to the logo, a call button and a menu button. A Book and Call bar stays pinned to the bottom of the screen as the visitor scrolls, so the next step is one tap away on any part of any page. The offer tiles stack two to a row and the breadcrumbs wrap, so the job, the offers and the call all fit without zooming.
The callback form needs a name, a mobile number and the suburb; the email address and a description of the issue are optional. On desktop, a floating call button stays in the lower left corner, and an emergency prompt with safety steps and a call button appears once per visit after the visitor has scrolled part way down the home page.
What it connects to
Because every service and every suburb has its own address, an ad or a search about switchboard upgrades can land on the switchboard upgrades page, and one naming Brunswick can land on the Brunswick page, rather than the home page. The Google Ads work for the business is described in the 247 Electrician Mate campaign case study.
Reviews come from the business's Google profiles, and each review card links to the original on Google. The callback form and the booking page send the request to the team, who ring the customer back. Every tool and guide carries a call button or a link to the matching service page, so reading leads somewhere useful.
To plan a website like this for your business, see our website design work and our marketing for electricians.
