Skip to main content
Concept ProjectElectrical

Northline Electrical

Residential and commercial electrical contractor

Dependable electrical services for homes, businesses, renovations, and new construction throughout Metro Vancouver.

Status
Concept Project
Industry
Electrical
Pages in concept
8
Prepared by
Logic Studios
Concept Project
NORTHLINEELECTRICALESTIMATE

Licensed electrical work,
planned and documented.

R

Residential

Panels · Lighting · Renovation

C

Commercial

Service · TI · New construction

24-hour emergency serviceCALL
Concept Project. Original interface mockup created by Logic Studios for a fictional business. Not a client website.

These concept projects demonstrate Logic Studios’ approach to strategy, content organization, responsive design, lead generation, and custom functionality. They are not presented as completed client engagements. The challenge and solution described below are conceptual design exercises.

01Case study

Project overview

Northline Electrical is a fictional electrical contractor created to work through a problem that comes up constantly in this trade: one company, two very different buyers, and a single homepage that has to serve both.

The concept covers an eight-page site with distinct residential and commercial tracks, an estimate-request flow, and a project section that organizes work by category rather than relying on a photo library.

02Case study

Business challenge

A homeowner searching for a panel upgrade and a site superintendent sourcing new-construction wiring want different things from the same website. The homeowner wants reassurance and a phone number. The superintendent wants scope, capacity, and a way to send drawings.

Most contractor sites resolve this by listing every service in one long column, which serves neither. The design exercise here was to split the paths early enough to be useful without duplicating the whole site.

  • Two buyer types with different vocabulary and different urgency
  • Emergency calls competing for attention with planned work
  • EV charger demand growing fast enough to warrant its own page
  • No real project photography available at the concept stage

03Case study

Website strategy

The homepage makes one decision for the visitor immediately: residential or commercial. Everything below that point is written for whichever track they chose, and the two service pages share a layout but not a tone.

Emergency service sits in a fixed band above the fold rather than in a banner that competes with the main headline — visible on every page, never the loudest element on any of them.

  • A two-track structure declared in the first screen
  • EV chargers promoted to a top-level page, not buried under residential
  • Service areas listed as text, not only as a map graphic
  • Certifications given a defined placeholder block to be filled once supplied

04Case study

Content structure

Each service page follows the same skeleton so the site can grow without redesign: what the work covers, who it is for, what happens on a typical visit, what the customer should have ready, and a request form scoped to that service.

The Projects page is organized by category — panel upgrades, lighting, renovation wiring, new construction — with each category described in words. Photography slots into that structure later without changing the layout.

05Case study

Design direction

The identity avoids the black-and-yellow shorthand the trade defaults to. Instead it uses a warm oxide accent against a stone-coloured page, with a strict column measure and tabular figures that reference an electrical schedule.

Headings are sized down and set tight rather than blown up, which leaves the accent colour free to mark only the two actions that matter: call now, and request an estimate.

06Case study

Lead-generation approach

Estimate requests are the primary conversion. The form asks for property type, the nature of the work, and the postal area first — the three answers that let a contractor triage a request without a callback.

Phone remains the secondary path and is never more than one tap away on mobile. Commercial visitors get a third option: an upload field for drawings and scope documents.

07Case study

Mobile experience

The mobile layout keeps a persistent call bar pinned to the bottom of the viewport, sized for a gloved thumb and clear of the on-screen keyboard when a form is open.

Service categories collapse into a single-column list with the residential and commercial choice preserved at the top, so the two-track structure survives the smallest screen.

08Case study

Key features

  • Strong service categories
  • Emergency-service callout
  • Estimate-request form
  • Project-gallery layout
  • Service-area section
  • Persistent mobile call button
  • Certification placeholder block
  • Clear residential and commercial pathways

Pages within the concept

  1. 01Home
  2. 02Residential Services
  3. 03Commercial Services
  4. 04EV Chargers
  5. 05Projects
  6. 06About
  7. 07Service Areas
  8. 08Request an Estimate

Services presented in the concept

  • Residential electrical services
  • Commercial electrical services
  • Electrical troubleshooting
  • Panel upgrades
  • EV charger installation
  • Lighting installation
  • Renovation wiring
  • New-construction wiring
  • Emergency electrical service

Typography and layout note: A structured grotesk with tabular figures, set on a strict four-column measure — closer to an electrical schedule than a brochure.

09Case study

Future opportunities

Where a business like this one would most likely go next, once the website is doing its job.

  1. 01A quote calculator for common residential jobs such as panel upgrades and EV chargers
  2. 02Scheduling integration so estimate requests land directly in the dispatch calendar
  3. 03A commercial project portal for drawings, change orders, and sign-offs
  4. 04Service-area landing pages as the coverage map expands
  5. 05Photography direction once real project images are available

Next concept project

Pacific Flow Plumbing

Next step

Let's plan the same structure around your business.

Tell us what you do, who you sell to, and what the current site is failing to do. We will come back with a page structure, a scope, and a written price.

We aim to reply to every inquiry within two business days. Or email contact@logicstudios.ca or call 604-351-5765.