Real electrical work.
A clearer first impression.

The starting point

Carry the experience forward.

The existing site contained useful service information, customer testimonials, local service pages, and an archive of project photos. The rebuild needed to preserve that material while replacing the legacy PHP foundation.

We gave the new site a clearer hierarchy: explain the services, show the work, answer common questions, and make the next step easy to find. The business’s own photographs and customer feedback remain central to the story.

Built around customer needs

Help visitors find the right service.

The homepage brings panel replacement and EV charging into focus, with dedicated pages that explain those services. Lighting, remodels, new construction, and commercial electrical work remain part of the wider service offering.

Service-area pages give the Bay Area coverage a clear home. Resources and testimonials offer additional context, while estimate links provide a consistent next step throughout the site.

Show the work

An archive becomes a portfolio.

We curated photographs from the original project archive and prepared optimized images for the new site. Visitors can filter the collection by lighting, residential, commercial, and outdoor work.

Photos open in a larger view with keyboard navigation and touch swipes. The gallery lets customers look more closely at the installations without losing their place in the collection.

Keep the portfolio current

New work deserves more than a code update.

The gallery now runs on a dedicated Supabase database and image store. Authorized staff can upload photos, edit titles and accessible descriptions, assign categories and confirmed cities, and arrange the display order. They can publish new work or hide a photo without editing the website’s source code.

Uploads are validated, optimized into WebP images, and stripped of embedded metadata. Hidden photos are excluded from public image delivery and site placements. Imported photo identities and existing gallery links are preserved as the collection moves from an archive into a managed portfolio.

Confirmed city assignments also connect relevant photos to service-area galleries, so local pages can show actual work from that area.

One image library

Put the right work in the right place.

A dedicated Site Images tool lets the team choose the homepage’s three hero slides and featured project photos, along with service illustrations and the About Us image. The same managed collection supplies the gallery and these placements.

The homepage slideshow includes slide selectors and a pause control, and respects reduced-motion preferences. Hiding a photo removes it from public placements rather than bringing back an old archived version.

Tools for the team

Editing access with clear boundaries.

Staff sign in using an email code, with no public account registration. Owners can add accounts, assign editing tools, and suspend, archive, or restore access. Editors receive access to the tools their responsibilities require.

Permissions are enforced on the server and in the database, while revision checks protect against conflicting saves. The result is a focused way to maintain project photography without turning every site update into a development task.

Make the next step useful

Start with the project details.

The rebuilt estimate form asks about the project type, location, service needed, preferred timing, and scope of work. Customers can optionally attach a photo or plan rather than trying to describe everything in words.

The form is built for email delivery, with validation, a spam-trap field, bot checks, and attachment checks. Uploaded files are handled in memory for delivery rather than placed in a public download folder. Phone and email alternatives remain visible beside the form.

Production email delivery and launch checks are part of the upcoming cutover. The screenshots here show the new experience before it replaces the public site.

The work behind the pages

Keep the useful connections.

The rebuild preserves established service-area routes and maps selected old PHP and article addresses to relevant new pages. Page metadata, a sitemap, and canonical URLs are included for launch.

The Next.js foundation combines a versioned GitHub-to-Vercel workflow with database-backed photo management. Code changes remain versioned, while everyday image updates happen through staff tools. Articles remain in the repository, and customer reviews use official Yelp embeds.