B.

06 / Client website

Sunset Quality Cleaning.

Sunset Quality Cleaning hired me to design and build its website. It’s a commercial cleaning company serving Kitchener–Waterloo. My job was to make the site answer a buyer’s practical questions within seconds: what the company does, where it works, why it can be trusted, and how to request an estimate.

Visit the website (opens in a new tab) Read the process
Role
Website design and development
Engagement
Paid client project · Published local business website
Methods & tools
Content hierarchy · Conversion path design · Responsive layout · Web development
Sunset Quality Cleaning website with service navigation and a prominent estimate action
Live website content may have changed since I developed the site.
01 / The brief

A website whose job is to start a conversation.

For a local service business, the website isn’t the product. It’s the route to a phone call or an estimate request. The people deciding on a commercial cleaner are usually facility or office managers. Some arrive checking whether the company handles their type of building. Others just want reassurance that the company is experienced, local, and easy to reach.

I treated every design decision as a question of whether it moved that person closer to getting in touch. That’s why I built the homepage around a service-focused hero, contact details that are always visible, a clear estimate action, and navigation to facilities, company information, and contact.

02 / The process

How I worked through it.

  1. 01 / Understand the business

    I started with what the client does, who they serve, and what a good lead looks like for them. The answer shaped the site: commercial facilities in Kitchener–Waterloo, with an estimate request as the goal.

  2. 02 / Set the hierarchy

    I led with the service and the local area rather than an abstract tagline, and I put the estimate action right beside the first message.

  3. 03 / Build trust into the path

    I kept service categories and company information one step away and placed contact details where a visitor can act without searching for them.

  4. 04 / Shape the visual tone

    I used photography to show the work in context. The brand orange matches the team’s uniforms, so the site feels like the same company that shows up on site.

  5. 05 / Build and check the journey

    I built the site and tested the path from landing on the homepage to understanding the offer and finding the contact route, including on phones, where many local searches start.

03 / Design decisions

Small decisions, clear intent.

Local relevance first

I put Kitchener–Waterloo and the commercial cleaning offer in the first view, so the right visitors know right away they’re in the right place.

Say what happens next

“Free estimate” tells the visitor exactly what they’ll get and removes the cost worry that a generic “Contact us” button leaves open.

Readable over photography

I darkened the hero image and positioned the copy carefully, so the message stays legible without hiding the work the photo shows.

04 / Design record

Design the route from reassurance to contact.

I ordered the homepage the way a buyer builds confidence. First the local service promise, then the facilities and services, then the company background, and finally the free-estimate action. Each step answers the question that the previous one raises.

User journey / information architecture

  1. Recognize commercial cleaning in Kitchener–Waterloo
  2. Check services and facility fit
  3. Look for credibility and company details
  4. Request a free estimate or contact directly

Palette and intent

Sunset orange #F47900

Echoes the brand and uniforms, and marks the inquiry path.

Action green #6F8E27

Sets the estimate action apart from the warm hero.

White #FFFFFF

Keeps the headline and navigation legible over a darkened image.

05 / Build & scope

How it comes together.

I designed and built the site around the three questions a potential client is most likely to have. What services does Sunset offer? Does it serve my type of facility? How can I request an estimate? Each question has a clear path, and the contact details and estimate action are always easy to find.

Because I both designed and developed the site, I could keep it simple and fast. There was no gap between the mock-up and the build, and the finished site matches the intended hierarchy on every screen size.

06 / Takeaway

What this work taught me.

Small-business clients don’t need a clever website. They need one that answers the buyer’s immediate questions and makes the next step feel easy. Designing for that restraint is harder than it looks.