Start a Project
Selected work

The Light Guys Christmas lights website

Three steps to aChristmas light quote.Three stepsto a Christmaslight quote.

Collins Creative designed and built the public website for The Light Guys, a Christmas light installer in Bakersfield: a quote request in three short steps, service and commercial pages that each end in a plan, a phone layout with call and quote always in reach, and a handoff to the year-round business when the season ends.

Visit thelightguys.net Opens in a new tabTry the preview
The Light Guys homepage we built: a navigation bar with Get a quote, a string of colored bulbs under it, a headline set word by word in bulb colors, and Get my free quote and See our work buttons
ClientThe Light Guys (founder-owned)
LocationBakersfield, California
ProjectPublic website + quote request · live at thelightguys.net
Our roleSite structure, UX/UI design, copywriting, and front-end development

The website, interactive

Open a page.
Start a quote.

Scroll the homepage, open the service and commercial pages, and walk through the quote request on desktop or on a phone. Every step works up to the last button, which is switched off here.

Safe preview This is a static copy of the site's public pages, packaged from our local source. Its quote and contact forms stop at the last button with "Sending is switched off in this portfolio preview. Nothing was sent." Call, text, and email links do nothing, no request other than reading a page can leave it, and analytics, verification, and the service worker are left out. Design your lights runs on the live server, so in this copy it opens the quote form.

The challenge

A short season with one job to do.

People look for Christmas light installers in a few autumn weeks, mostly on their phones. The site had to get them from "what would my house need?" to a request Brendan could price, without a long form up front.

So the request starts with the house and leaves contact details for last, and every page on the site points to it.

Quote requestService pagesPhone layoutSeason handoff
Step 1 of the quote request: property type with Two-story picked, the areas to light with Rooflines and Entry and porch ticked, and a Your request so far panel filling in on the right
Step 1, the house. Property type, areas to light, and color are big tap targets, and the summary on the right fills in as each one is picked.

The quote request

The house first.
The phone number last.

The request is split into short steps with a progress row across the top. Only the first and last steps ask for anything; the middle one is optional and explains why a front photo helps. Answers are saved on the device as people go, so closing the tab doesn't lose the answers.

Each request carries the picks into Light Ops, the operations software we built for the business, where they start the new quote.

  1. Your homeProperty type, areas to light, and color
  2. Helpful detailsOptional extras, up to four photos with a guide, and notes
  3. ContactName, email, phone, address, and call or text first
  4. DoneA recap of everything they asked for
Step 3 of the quote request: the first two steps checked off in the progress row, empty name, email, and phone fields, and the summary panel listing Two-story, Rooflines and Entry and porch, and Wreaths, Garland and Stake lighting
Contact, last. By the time the form asks for a name, the summary already shows the house, the areas, and the extras, so the request reads as nearly done.

The service pages

Every page ends
in a plan.

Homes and businesses buy this differently, so they get separate pages: one for residential installation, rental, and leasing, and one for commercial properties, with string lighting and year-round lighting beside them. The residential and commercial pages each close with the same kind of numbered plan, from first call to take-down, and a quote button under it.

Residential

Four steps, idea to glow.

The How it works section of the residential services page: Request a quote, Design and schedule, We install, and Take-down, with links to the commercial page, gallery, reviews, and FAQs below
Request, schedule, install, take-down, with links on to the gallery, reviews, and FAQs.
Commercial

The same plan, for a business.

The commercial page's four steps: Site walk-through, Schedule around you, Install and maintain, and Take-down and storage
A walk-through instead of a form, scheduling around business hours, and maintenance during the season.

On a phone

Call or quote,
one thumb away.

On a phone, a bar with the phone number and Get a quote stays pinned to the bottom of every page. The menu fills the screen and ends with the same two actions. In the quote request, the choices stack into full-width rows, the progress row shrinks to numbers, and step 2 says up front that everything on it is optional.

The homepage on a phone, with the phone number and Get a quote pinned in a bar along the bottom
The pinned call and quote bar.
The full-screen mobile menu listing the site's pages, then the phone number and a large Get a quote button
The menu, ending in the quote.
Step 2 of the quote request on a phone: the progress row shrunk to numbers, a Highly recommended note explaining the optional details, and Wreaths and Garland and Stake lighting ticked as full-width rows
The quote, one row per choice.

Seasonal decisions

Written for
the calendar.

A Christmas business has a start and an end, and the site says so in plain words where people look for it: when to book, when the lights come down, and where to go once the holidays are over. The year-round side of the business has its own website, lightguys.net, and this site hands visitors to it instead of mixing the two.

The A clear handoff section of the year-round lighting page: three cards, Tell them what you enjoy outside, See real project ideas, and Make the property feel complete, above a Visit LightGuys.net panel
The handoff. One page explains what the year-round team does and sends people to lightguys.net, so the holiday site stays about the holidays.

What we made

A holiday site,
start to finish.

  1. Site structure and copy

    Homepage, residential services, commercial, string lighting, year-round lighting, gallery, reviews, about, FAQs, and contact, written in the business's own friendly voice.

  2. Quote request

    Three short steps with a live summary, a saved draft, an optional photo step with a photo guide, a call-or-text choice, and spam checks before anything is sent.

  3. Phone layout

    A pinned call and quote bar, a full-screen menu, and stacked form choices sized for one thumb.

  4. Seasonal pages and local search

    Booking-timing and take-down copy, a handoff to the year-round site, and page titles and descriptions written for Bakersfield searches.

Ask about the house first.
Ask for the number last.
Brendan Collins

Project lead

Brendan Collins

Brendan led the site's structure, UX/UI design, copy, and front-end build, from the homepage and service pages to the quote request and its phone layout.

The judgment that mattered most was the order of the questions: start with the house, which anyone can answer in a few taps, and save contact details for the end, once the request already feels worth sending.

Meet the studio

Your next chapter

Is your busy season only a few weeks long?

When customers decide quickly, the website has to get them to a request quickly. We can design that path, and the software that picks it up.

Start a project
Step 1 of The Light Guys quote request

Have an idea? We'd love to hear it.

Explore more work

More Collins Creative work

Light Ops 2.0 on desktop and phone: the office dashboard and the crew appCustom software + connected operations

Light Ops

 The Light Guys holiday campaignHoliday campaign + motion

The Light Guys

 Javi's Pools website on desktop and phoneWebsite + service experience

Javi's Pools