Web — Design & development
Blackout Electric
Blackout Electric is an electrical contractor whose work is the pitch: conduit runs, dressed-in panels, lighting installs. The brief was a digital business card, a single page that shows the fleet, the trades and the finished work, then gets out of the way of a phone call.
- Status
- Live
- Year
- 2026
- Stack
- Next.js · Tailwind CSS · Motion
- Client
- Blackout Electric
- Type
- Digital business card and portfolio
- Scope
- Design, development, motion, image preparation
- By design
- No forms, no data capture
An opening people call about
The page starts in the dark. A single thin line draws the b of the logo, the screen flares white as if the power just came on, and the mark settles above the owner's truck as its headlights switch on. It takes a few seconds, and it is the first thing anyone mentions.
“I just had a random call of somebody asking how I did the intro to my website because it's one of the coolest things they've seen. … The fact that somebody's willing to call me just to compliment the intro to my website. Kind of neat.”
The fleet, full width
Below the opening the fleet takes the whole width of the screen: two trucks and a trailer, stocked and ready, over a running band of the work they take on.
What they do, in one screen
Residential, commercial, industrial and service work, then the specifics as a plain numbered list, from new construction and tenant improvements to generators, landscape lighting and smart-home wiring. No paragraphs to wade through; it can be scanned in a few seconds.
The work, unstaged
The gallery is the heart of it: real job-site photographs, filterable by commercial, residential, lighting and night work. Client photos were levelled and cleaned up for framing only; the work in them is untouched. There are no forms and nothing is collected. The phone number is the call to action.
The whole page
Scroll inside the frame.Drag to move, or use the arrow keys.
On a phone
