American Electric Working website prototype
Call now,or send the job.Call now,or sendthe job.
Collins Creative designed and built a working website prototype for American Electric, a Bakersfield electrical contractor. It leads with the three services the owner most wants to sell and keeps two next steps in reach: call the owner, or send the job through a three-step quote request.
The prototype, interactive
Find the service.
Start the quote.
Scroll the homepage, open the menu, and step through the quote request on desktop or on a phone.
The quote form checks each step but never sends anything; the last step says so. Phone and email links in the prototype reach the real business.
The challenge
Thirteen services. One decision to call.
American Electric does everything from EV chargers and panel upgrades to TV mounting and industrial work. Listed evenly, that range reads like a directory, and the jobs that matter most get lost.
The prototype ranks them instead. The three jobs the owner most wants get full rows with a short explanation, seven more sit in one line below ending with "If it's electrical, just ask," and commercial and industrial work get a section of their own.
The quote request
The job first.
The paperwork last.
Every Request a quote button opens the same three-step form. It asks about the work before it asks who you are, uses large buttons for property type and job size, and accepts up to twelve photos. If a visitor closes it halfway, their answers are still there when they come back.
- ProjectService needed, property type, job size, and a description of the work.
- Photos and locationOptional photos, the project address, and a preferred timeframe.
- ContactName, phone, email, preferred contact method, and optional notes.
A focused dialog.
The same steps, full height.
About these screens Captured from a copy of the prototype with throwaway answers. Nothing was sent.
What we made
A one-page
trust path.
Positioning and copy
An owner-led message, with the contractor license and the Bakersfield focus in the first screen.
Service hierarchy
Three lead services with explanations, seven more in one line, and a separate commercial and industrial section.
Call and quote actions
The phone number and Request a quote in the navigation, the hero, the closing section, the footer, and the mobile menu.
Three-step quote request
Project, photos and location, then contact, with checks on each step and saved progress.
Ready to call or ready to type,
one tap gets you there.
Project lead
Brendan Collins
Brendan led the positioning, copy, UX/UI design, and front-end build of the prototype, from the service hierarchy to the quote request.
The key decision was ranking instead of listing: give the three biggest jobs room to explain themselves, and keep the phone number one tap away for everyone else.
Meet the studioYour next chapter
Does your website make the call obvious?
If your services read like a directory, we can rank them by what customers need and put the next step on every screen.
Start a project
More Collins Creative work
