Sharaf Cleaning
A conversion-focused website for a Calgary-area cleaning company, built to turn visitors into booked quotes instead of just describing the business.

Replaced a phone-only intake process with a self-serve site where visitors can research the exact service they need, see real before/after results, and submit a fully-detailed quote request in under a minute, with the client notified by email instantly instead of relying on missed calls.
The client offered eight distinct cleaning services across nine cities but had no real website to show for it, just word of mouth and no way to capture a lead outside a phone call. Prospective customers had no way to compare services, see real results, or ask for a quote without picking up the phone, so inquiries were being lost outside business hours and to competitors with a stronger online presence.
I designed and built a full marketing site on Next.js with a dedicated landing page for each of the eight services (residential, regular/recurring plans, commercial, move-in/move-out, deep cleaning, post-construction, pet-friendly, and garbage removal add-on), each with its own scope breakdown, process steps, and service-specific FAQ to answer objections before they became a support call. An interactive before/after slider lets visitors drag to compare real cleaning results instead of reading a bulleted claim. The core conversion path is a validated quote-request form with multi-service selection, matching client- and server-side validation, and an automated notification email so the client gets a fully-formatted lead the moment someone submits, with no manual monitoring required. The whole experience runs on a component system built for reuse across service pages rather than one-off layouts, keeping every page consistent and easy to extend as new services or cities get added.
- 8 dedicated service landing pages, each with its own scope, step-by-step process, and FAQ content
- Validated quote-request form with multi-service selection and matching client + server validation
- Automated, formatted email notification sent to the business on every form submission
- Interactive drag-to-compare before/after slider for real job photos
- Service-area coverage display across 9 cities in the Calgary region
- Reusable component system (cards, sections, service menu) driving every page from shared data, with a fully responsive, accessible layout



