The project

GR8 Horizons Property Solutions is a licensed home renovation contractor based in Okotoks, Alberta. The owner, Mike, has 40+ years of trade experience and a BBB A+ accreditation. He needed a website that matched his credibility.

The problem was not that Mike lacked credentials. The problem was that his potential clients, homeowners considering a renovation, lead with fear. Will this person show up? Will they overcharge me? Will the work actually get done right? Will they disappear halfway through?

Most contractor websites ignore these anxieties entirely. They show a gallery of finished kitchens and a contact form. That is like a resume with no references. It looks fine. It does not build trust.

Fear-reduction as a design principle

We made an early decision that every page on the site would follow a fear-reduction sequence before making any ask. That meant acknowledging the problem (hiring a contractor is stressful), positioning Mike as a specific and credible person (not a faceless company), and only then asking for contact.

This is not a marketing trick. It is a structural choice about how the site is organized. The homepage does not open with "Welcome to GR8 Horizons." It opens by speaking directly to the anxiety the visitor arrived with. The research behind why this works is covered in depth in our article on the psychology of converting websites.

The distinction matters. When a site opens by talking about the business, it is asking the visitor to care before giving them a reason to. When it opens by naming the visitor's actual concern, it earns three more seconds of attention. Those seconds compound.

Copy decisions that did real work

Mike's name appears on every page. That was intentional. Renovation clients are not hiring a brand. They are hiring a person. Every mention of Mike's name reinforces that this is a direct relationship with a specific human who has been doing this work for four decades.

The 10% senior discount appears on three different pages. Not because we ran out of things to say, but because it is a genuine differentiator that the target demographic (homeowners in a community with a significant retiree population) notices and remembers. Repetition in this case is not redundancy. It is reinforcement of something the audience cares about.

The services page does not list services in the way most contractor sites do (a grid of icons with one-line descriptions). Each service entry includes enough context for the homeowner to understand what is involved, what to expect, and why it matters. The goal is to make the visitor feel informed before they call, not overwhelmed.

Technical decisions that serve the business

The site was built with Astro, a static site generator. No WordPress. No page builder. No CMS. For a five-page marketing site that will change infrequently, static generation gives you the best possible performance with the lowest possible maintenance burden.

Every font is self-hosted. No calls to Google Fonts, which means no third-party DNS lookups slowing down the first paint. Icons are self-hosted too. The only JavaScript on the site is GSAP for scroll animations, loaded deferred so it never blocks rendering.

These are not decisions most clients would ever ask about. But they are the reason the site loads fast on a phone in a rural Alberta service area where mobile signal is not always strong. Performance is not a developer concern. It is a business concern. A site that loads in two seconds on a phone at a job site is doing more work than a site that loads in six seconds on fiber. For a full breakdown of what causes slow sites and how to fix them, read our performance article.

Accessibility was not an afterthought

The site uses semantic HTML throughout. Proper heading hierarchy. Landmark roles. Skip-to-content links. Visible focus rings on keyboard navigation. All interactive elements meet the 44px minimum touch target. The mobile menu includes a focus trap so keyboard users are not lost when the navigation opens.

We also gate all scroll animations behind the user's reduced-motion preference. If someone has told their operating system they prefer less motion, no animation code runs. CSS fallbacks keep everything visible.

These are not features we added at the end. They were decisions made at the start. Building accessible means building once, correctly.

What the site is designed to do

The site has one job: make a homeowner in Okotoks confident enough to call Mike. Every design, copy, and technical decision was evaluated against that single outcome.

The gallery exists to show real work. The testimonials exist to show real relationships. The contact page surfaces the phone number, text option, and email as large tap targets because the most likely action is a call from a phone, not a form submission from a desktop.

The site does not try to rank for "best contractor in Canada." It tries to rank for "renovation contractor Okotoks" and "home renovation Foothills" because those are the searches that lead to actual phone calls from people in the service area.

The takeaway

A website for a service business is not a portfolio piece. It is a trust-building tool. The design should serve the buyer's emotional state, not the owner's aesthetic preferences.

If your site looks good but does not address the specific anxiety your prospect carries into the first visit, it is working against you. Start with what your buyer is afraid of. Build the site to answer that fear before you ask for anything. If you want that kind of site, see what we build.