Christmas Light Mockup: How to Make One Homeowners Approve

Christmas light mockup: a night rendering drawn over a photo of the customer's house. Made with a tablet app (free to $25/mo), Photoshop or Canva (a monthly subscription), or contractor software ($197/yr).

A homeowner says yes to a picture of their house, lit, at night, with the exact colors you are quoting. They hesitate at a brochure, a competitor's portfolio, or a verbal "we'll do C9 warm white along the roofline." The mockup closes the gap between what you can see in your head and what they can see on their phone.

This guide starts with the part most articles skip, the photo, because no software rescues a bad one. Then the three ways to build the render with honest cost and time numbers, the same-day sales flow, and how the design becomes a measured materials list.

The bar a mockup has to clear before you send it:

Rule	Why it matters to the homeowner	How it fails
Their house, their photo	They recognize the porch light, the tree, the garage. Trust is instant.	Stock house, Street View shot, or an AI-generated lookalike
Night scene	Lights only make sense against a dark sky and lit windows.	Daytime photo with glowing bulbs pasted on; reads as decals
Bulbs sit on the fascia	Sloppy lines say sloppy install.	Roofline floats above or below the gutter, misses the peaks
One or two colors, the ones quoted	They are approving a purchase, not browsing options.	Five-color rainbow on a Colonial in a beige HOA
Arrives the same day	Excitement decays; the second quote arrives tomorrow.	"I'll send the design next week"

Which photo ruins the render before you draw a single bulb?

A noon photo shot from the driveway at an angle. Every dedicated tool can place bulbs on that photo; none of them can make it look like night. The fix costs you two minutes at the estimate: stand across the street, hold the phone level, and shoot the whole front elevation straight on, landscape orientation, with the peaks and both corners in frame.

Dusk beats day. The best photo is taken during civil twilight, when the sun is between the horizon and 6 degrees below it. The sky is deep blue, the porch light and windows are already glowing, and overlaid bulbs look plausible without any editing. The window is short: 33 to 48 minutes at 51.5 degrees north depending on season, as little as 24 near the equator. Plan on roughly 25 to 35 minutes for most U.S. cities, and you will rarely be at the house then. That is why software that renders a daytime photo as a night scene matters: a 2 p.m. estimate can still produce a dusk render.

Straight-on and level. Shot at an angle, roofline runs converge and bulbs drawn along them look like they are sliding off the house. A tilted phone shows up as a crooked ridge.

Distance. Far enough to fit the whole elevation with margin, close enough that the fascia is a crisp line. Digital zoom smears exactly the edge you need to trace.

The photos installers send us that could not be saved:

The photo	What goes wrong in the render	Fix
Shot at midday, hard shadows	Shadow edges fight the bulb glow; tool darkening looks muddy	Overcast day, or shoot dusk, or reshoot in shade
Diagonal from the driveway	Roofline perspective makes straight runs look crooked	Cross the street, center on the front door
Portrait orientation	Cuts off one wing of the house or the trees you want to upsell	Landscape, always
Zoomed in on the phone	Fascia is a blur; bulbs render bigger than the gutter	Walk closer instead of zooming
Car in the driveway, trash cans out	Customer looks at the clutter, not the lights	Ask them to move the car; you are there anyway
Trees in full leaf (September estimate)	Tree wraps and roofline will look different leaf-off in December	Note it verbally; mock the roofline, not the leafy canopy
Google Street View grab	Daytime, stale, may show a previous owner's decorations or a different paint color	Your own photo, at the estimate
Night-mode phone photo	Computational HDR smears bulbs and haloes the windows before you add anything	Shoot at dusk with night mode off, or shoot daytime and darken in software

One more trap, because two of the top-ranking articles for this topic recommend it: an AI image generator such as Midjourney does not draw lights on the customer's house. It draws a new house that resembles the prompt. The customer notices the wrong window count in about a second.

What should you draw, and what should you leave off?

Draw exactly what is in the quote, in the colors quoted, and nothing else. A mockup is a purchase-approval document, not a mood board. The most-used pieces, in the order most installers place them: roofline and ridge (the sale), then the garage or porch gable, then wreaths and garland at the entry, then tree wraps and mini-lights on shrubs as the upsell layer.

Color choices. Warm white on the roofline is the default for a reason: it flatters brick, stone, and most siding, and it is the color HOAs rarely object to. Offer one alternate (cool white, or a red-and-warm-white alternating pattern) as a second image, not as five extra colors on the same image. If the neighborhood has an HOA, ask before you render red and green; a mockup of something they cannot install wastes the goodwill it just built.

Realism mistakes that kill the yes:

Mistake	What the homeowner thinks
Bulbs brighter than the porch light, no glow on the wall	"That looks fake"
Uniform bulb size on a photo with depth (garage close, dormer far)	"The back ones look huge"
Roofline skips the peaks or stops short of the corner	"Are you not doing that part?"
Wreath scaled to the door on a 20-foot gable	"That's tiny"
Mini-lights drawn on a tree the customer plans to remove	"You didn't listen"
Rope light around the garage door on a quote that says C9	"Which one am I paying for?"

Bulb size should shrink with distance, glow should spill onto the surface behind it, and the run should follow the fascia through every peak and corner. Industry tools handle glow and spacing for you; general editors make you do it by hand, which is where the time difference below comes from.

Tablet app, Photoshop, or contractor software: which fits your volume?

Contractor software wins above roughly one mockup a day; a free tablet app is fine for a handful a week; Photoshop is the slowest realistic option and only makes sense if you already live in it. Costs below are the published list prices on 2026-09-05.

Method	Examples	Cost	Time per render	Realism	Works on a phone?	Best for	Main tradeoff
Tablet or phone app	Jolly Lights (iPad, Mac), Holiday Lights Pro (iPhone, iPad), Grants Pro Estimator (web)	Jolly Lights free, $1.99 add-on packs; Holiday Lights Pro $25/mo or $70 per three months; Grants free tier	10 to 20 min	Fair to good; bulb glow is stylized, daytime photos stay daytime in most	Jolly Lights: no (iPad and Mac only). Holiday Lights Pro: yes.	Under 5 mockups a week	Free tiers withhold colors or footage; iPad-only apps mean a second device
General design software	Adobe Photoshop, Canva Pro	Photoshop $22.99/mo single app, $19.99/mo Photography plan; Canva Pro on its monthly plan (check canva.com/pricing for the current figure)	30 to 60 min in Photoshop; 15 to 30 min in Canva	Photoshop: best possible if you are skilled. Canva: stickers unless you buy a light template	Canva yes, Photoshop mobile is limited	Someone on staff already pays for it and knows it	Every bulb is manual; no bulb count, no measurement, no night render
Contractor lighting software	Strandr; LightQuoter (Street View based)	Strandr $197/yr, 7-day free trial, no credit card; LightQuoter free plan with 2% fee on Stripe payments, Pro $497/yr	2 to 5 min	Good; bulb glow, spacing, and night render are built in	Strandr: PC, Mac, tablets (not phones). LightQuoter: responsive web.	One or more mockups a day in season	Annual fee; you still need your own photo (LightQuoter's Street View shortcut inherits every Street View problem above)

A practitioner data point: Captain Matt of Barefoot Landscape Lighting describes drawing on photos with "MarkUp or Jolly Lights on my iPad" and notes "MarkUp is a little faster than Jolly Lights but Jolly Lights provides more detail." That is the whole tradeoff in one sentence: speed against detail, and the dedicated tools exist to stop making you choose.

How many minutes does each method really take?

Roughly 3 minutes in contractor software, 15 in a tablet app, and 45 in Photoshop, for the same house. Those numbers come from a step model, not a stopwatch study, so here is exactly how they were built.

Methodology. We took one standard job (two-story front elevation, roofline with two gables, one garage, two shrubs, one wreath) and broke every method into the same five steps. Each step was estimated from the tool's own published workflow and our own use of it. The point is the shape of the difference, not the decimals.

Step	Contractor software	Tablet app	Photoshop
1. Get the photo onto the device	Upload from phone, 30 sec	Already on the iPad if you shot there; otherwise AirDrop, 1 min	Transfer to laptop, 2 min
2. Make it a night scene	Built-in render, 15 sec	Mostly unavailable; skip or accept daytime	Curves, sky selection, window glow, 10 to 15 min
3. Roofline and gables	Click the corners, bulbs snap to spacing, 1 min	Trace by finger or pencil, 5 to 8 min	Path plus brush stroke plus outer glow layer, 15 min
4. Wreath, garland, shrubs	Drag from library, resize, 1 min	Stamp tools where available, 3 to 5 min	Source assets, mask, match perspective, 10 to 15 min
5. Export and send	Share link or download, 30 sec	Export image, text it, 1 min	Export JPEG, transfer back to phone, 2 min
Total (assumption-based)	about 3 min	10 to 16 min	39 to 49 min

Where the time goes is step 3. Bulb spacing by hand is what makes the tablet and Photoshop columns long, and it is also where the realism mistakes above creep in, because a tired hand at 9 p.m. draws an uneven roofline. Strandr's own page claims "most mockups take under five minutes," which lands inside the modelled range.

Multiply by volume. At 8 estimates a week for a 10-week selling season, the Photoshop column is roughly 60 hours of evening work; the contractor-software column is about 4.

Is a free tool good enough, or do you need to pay?

Free is enough to test whether mockups change your close rate; it is not enough to run a season on, because every free tier withholds the thing that makes the render a sales document. Grants Pro Estimator's free version limits you to "Cool White, Red, Green, Blue" solids and one alternating pattern, with no footage totals, no bulb or wattage counts, and no garland or scatter tools. Jolly Lights is free but iPad and Mac only, its extra content comes as $1.99 packs, and its last App Store update is dated September 8, 2024. LightQuoter's free plan is genuinely full-featured but charges a 2% platform fee on payments you collect through it.

The honest rule: if you will send fewer than 10 mockups all season, stay free and spend the money on Google Ads instead (see the Google Ads guide). If you will send more than that, the paid tier costs less than one lost job. Strandr is $197 a year with a 7-day trial and no card required, which means you can run it through a week of real estimates before deciding. For a full tool-by-tool comparison, the software comparison goes deeper than this page needs to.

How do installers use the render in the sales flow?

The render reaches the homeowner's phone before you reach the next appointment. That habit is worth more than any feature. The flow:

At the estimate: shoot the elevation straight on, measure the roofline, confirm colors and any HOA rules.
In the truck: build the render. Base image is exactly the quoted scope. A second image adds the upsell layer (tree wraps, wreath, garland). Two images, not six.
Send within the hour: before photo and after render side by side, plus the quote link. Side-by-side matters because it gets forwarded to a spouse who was not at the estimate.
The upsell line: "The second image is with the two maples wrapped; that's the add-on on line 3 of the quote." The render sells the add-on without a pitch.
Follow up at 48 hours with the render again, not with "just checking in." The picture does the reminding.

Saved projects matter here. Strandr's Cloud saves designs to "My Projects," and a project can be saved as a .strandr file, so "the same but in cool white" next week opens where you left off.

For pricing the tiers you are rendering, use the pricing formula and the 2026 market analysis. Get the contract signed from the same message thread.

How does the design become measurements and a materials list?

Trace the roofline on the photo against a known dimension, read off the footage, and apply one bulb per foot for C9 at 12-inch spacing plus 10% slack. That turns the pretty picture into a planner: a bulb count, a wire length, and a clip count you can order from.

Measurement is where phone-app mockups and true planners split: a drawn line has no scale until you give it one. The free Grants tool has you mark two points on something of known size (a door, a window) and enter its real width, then scales the photo from that. Strandr's measurement feature, INCHR, does the roofline measurement job and has a free tier. The INCHR guide walks the workflow.

Bulb math once you have footage: at 12-inch socket spacing, "plan roughly one bulb per foot," and add 10% for corners and overlaps, so 68 feet of roofline is about 68 C9 bulbs before slack, about 75 after. Mini-light strings on shrubs come in 4-inch and 6-inch spacings; match string length to linear feet and add the same 10%.

Design element on the render	What to measure	Materials line it produces
Roofline and gables	Linear feet of fascia, including peaks	C9 bulbs (1 per ft plus 10%), socket wire, clips (1 per socket)
Garage and porch gable	Linear feet, plus drop height for the return	Same as roofline; count the vertical returns
Tree wraps	Trunk circumference and wrap height, branch count	Mini-light strings by the foot, extension cords
Wreath and garland	Door width, railing length	Unit count, garland by the foot, hanging hardware
Power	Outlet locations relative to the run	Cord lengths, timers, splitters

Run the total through the calculator worksheet to get from bulb count to a quote. Render, measurement, and price should come from the same photo; then the customer never hears "that turned out to be more roofline than we thought."

Who should skip this entirely?

Three groups, and one of them is most of the people searching this term.

One-truck operations booked out by referral. If your calendar fills from last year's customers and their neighbors, a mockup adds ten minutes to a sale you were already going to close. Keep the free app for the occasional undecided prospect and buy real software the year you hire a second crew and start paying for leads. Almost nobody selling design software will tell you that.

Animated-show programmers. If your product is a synchronized pixel show built in xLights or a similar sequencer, a static roofline render is the wrong artifact; your prospect needs a video of a comparable show. This page is about static residential and commercial installs.

Homeowners. Do not pay for any of these tools. A mockup is a sales document your installer should produce for you at no charge during the estimate. If they will not, that tells you something about the install.

Also a partial fit: permanent lighting bids, which need a daytime render of the track as well as a night one. See the permanent lighting guide for that sale.

What to do this week

Shoot every estimate straight on and level, at dusk when you can and with night-render software when you cannot. Draw only what is quoted, in one or two colors. Send the before-and-after within the hour, with the upsell as a second image. Pull the roofline footage from the same photo so the quote and the picture agree.

If you are sending more than ten of these a season, the paid tool pays for itself the first time a Photoshop evening becomes a three-minute render in the truck. Start your free 7-day trial; no card is required, and a week covers enough real estimates to know.

Frequently asked questions

What is the best photo for a lighting mockup?

A straight-on, level, landscape photo of the full front elevation taken from across the street during civil twilight (sun 0 to 6 degrees below the horizon), with the porch light on and night mode off. If you can only shoot in daylight, shoot on an overcast day and use software that renders the photo as a night scene.

Can I make one on my phone?

With limits. Holiday Lights Pro runs on iPhone; Jolly Lights is iPad and Mac only; Canva runs on any phone but has no bulb tools; Strandr runs on PC, Mac, and tablets, not phones. A phone is fine for sending the render, less fine for tracing a roofline.

How long should it take?

Two to five minutes in contractor software once the photo is on the device, 10 to 20 minutes in a tablet app, and 30 to 60 minutes in Photoshop, based on the step model above. If it is taking longer, the photo is usually the problem, not the tool.

Do mockups work for permanent lighting too?

Yes, with a second daytime render showing the track color against the fascia, because permanent track is visible all year and that is the objection homeowners actually raise.

What is a Christmas light planner, and is it different from a mockup?

A planner adds measurement and counts to the picture: roofline footage, bulb count, wire and clip quantities, power runs. A mockup alone sells the job; a planner also lets you order for it. Tools that scale the photo to a known dimension (INCHR in Strandr, the two-point reference in Grants) turn one into the other.