HD4You
Written byWill Pei YuanHD4U Windows and Doors is a licensed general contractor installing hurricane impact windows and doors across the Tampa Bay area. The site is a lead-generation funnel — a one-page pitch, a multi-step quote wizard, a filterable project gallery and a careers page — built for homeowners deciding whether to request a quote, not for browsing a catalog.
- Role —
- Design and build, end to end — including the copy and sourcing the photography.
- Stack —
- Next.js, Vercel, Schema.org structured data (HomeAndConstructionBusiness)
The problem
A hurricane-window contractor in Tampa Bay sells to homeowners who are usually comparing several bidders. The site has to carry the whole case for this one — what gets installed, why impact glass, who does the work, which counties are covered — and settle the questions that decide the job, licensed or not and own crew or subcontracted, before the visitor leaves. Then it has to turn that attention into a phone call or a quote request.
What I built
The home page is a single scroll: a hero with a phone number and a "Get Free Quote" call to action, a services grid (impact windows, entry doors, sliding and French doors, lanais and enclosures, hurricane shutters), a "why impact windows" section on insurance and energy savings, a four-step process explainer, a full quote-request form embedded on the page, a service-area list by county, an "our story" section naming the owner, and an FAQ.
Three further pages exist as real routes rather than anchors: `/projects` is a filterable gallery (All, Impact Windows, Entry Doors, Sliding Doors, French Doors, Lanais & Enclosures, Hurricane Shutters, New Construction, Commercial) listing named jobs with city and product; `/quote` is a separate multi-step form (5 steps, with a progress bar) that narrows down what the visitor needs before asking for contact details; and `/careers` lists an open Window & Door Installer position with a stated pay range.
The "our story" section names the owner, states the company is licensed and insured with an active GC license, and frames the business around not using subcontractors.
Decisions worth explaining
The engineering, for anyone who wants it.
A dedicated quote flow, separate from the page form
The home page already has a full quote-request form, but `/quote` exists as its own multi-step wizard — pick a category first, then answer follow-ups, with a visible step count and percentage. Each screen asks for one thing, so the visitor answers what they need before they are asked who they are.
The project gallery is filterable by category
Each project card carries a category, a city and a product line (e.g. "18 windows — PGT WinGuard Vinyl"), and the gallery filters by the same categories as the services grid. A homeowner deciding between, say, a lanai enclosure and impact windows can look at comparable finished jobs rather than a generic photo grid.
Licensing is argued, not just stated
The site repeats the GC license number and the no-subcontractors claim across the hero, a dedicated "why a licensed GC" section, the FAQ and the footer. For a trade where many installers are not general contractors, licensing is presented as the main point of differentiation rather than a single footnote.