Restyle Renovation
A lead-generating marketing website for a Calgary home renovation contractor, built to turn website visitors into booked quote requests with service-specific pages, before/after project galleries, and a zero-friction contact pipeline.

Replaced a business with no real web presence with a fast, credible site that does the selling before the phone even rings, giving the business a 24/7 channel for homeowners to browse real project results, self-qualify by service, and submit a detailed quote request (with photos) in one step, cutting the back-and-forth normally needed just to understand what a lead wants.
Restyle Renovation is a full-service home renovation contractor in Calgary (kitchens, basements, bathrooms, framing, electrical, plumbing, flooring, painting, and more) that had no real digital presence to match the quality of its work. Homeowners researching a renovation want three things fast: proof the contractor is licensed and trustworthy, evidence of past work, and an easy way to ask a question without picking up the phone. Without a proper site, the business was losing that first impression to competitors who showed up better in search and looked more credible online.
I designed and built a fast, SEO-structured Next.js site that solves each of those trust gaps directly. Every one of the 14 services has its own dedicated page with a clear description, feature list, and Calgary-specific context (permits, code requirements, climate considerations) so the content ranks for local search intent instead of competing as one generic page. A dynamic before/after project gallery, filterable by service, lets visitors drag a slider to compare real project photos rather than read vague claims. A working-areas section makes the service radius (Calgary plus Airdrie, Cochrane, Chestermere, Strathmore, High River, Okotoks) explicit for local SEO and visitor confidence.
The core conversion path is the contact system: a validated multi-file-upload quote request form (so homeowners can attach photos of their space) that posts to a Next.js API route, which emails the lead straight to the business inbox as a branded HTML notification with all attachments included, with no third-party form service and no missed leads sitting in a dashboard nobody checks. The whole site is fully responsive, built on the Next.js App Router with Tailwind CSS for a fast, mobile-first experience, since most local-service searches happen on a phone.
- 14 dedicated, SEO-optimized service pages (kitchen, bathroom, basement, electrical, plumbing, flooring, painting, framing, and more) instead of one generic services list
- Interactive before/after project gallery with drag-to-compare image slider, filterable by service type
- Quote request form with drag-and-drop multi-file photo upload, client-side validation, and file-size limits
- Serverless API route that emails new leads instantly as a branded HTML notification with attachments included, so nothing sits unseen in a dashboard
- Local-area targeting section covering Calgary and six surrounding communities, with structured metadata (Open Graph, Twitter cards) for local search visibility
- Fully responsive, mobile-first layout with animated hero carousel, testimonials, and a clear process breakdown



