Web DesignCMS IntegrationUI/UXResponsive DesignSEO2024Client: BD Interlocking

BD Interlock - Hardscape Company Website

Full website build for an Ottawa hardscape and interlock contractor. Custom service pages, project gallery, multilingual support (EN/FR), lead-capture forms, and SEO foundations that turned a local trade business into a polished online brand.

BD Interlock - Hardscape Company Website
Web DesignCMS IntegrationSEOUI/UXNext.jsMultilingual

The Challenge

BD Interlock needed a professional online presence that reflected the quality of their hardscape work, captured leads from the Ottawa area, and let them showcase a constantly growing project gallery without relying on a developer.

Technical Solution

We designed and shipped a fast, fully responsive bilingual (EN/FR) website with dedicated pages for each service line — Hardscape, Landscaping & Lighting, Retaining Walls, Property & Snow Management — a Payload-driven gallery, and conversion-focused 'Free Estimate' CTAs across every section.

Tech Stack Used

Next.jsPayload CMSTypeScriptTailwind CSS

Performance Metrics

  • Polished bilingual web presence (EN/FR) live across all pages
  • Self-serve project gallery and service pages managed via CMS
  • Higher-quality inbound leads through clear quote CTAs
  • Fast mobile performance for on-site customers calling from the field
  • SEO foundation in place for local Ottawa-area search visibility

Case Study

Project Overview

BD Interlocking is an Ottawa-based hardscape and interlock contractor with 15+ years of experience and 100+ projects delivered across the region. They came to us without a real online presence — their work spoke for itself locally, but new customers had nowhere to discover them, browse past projects, or request a quote. Our job was to translate the quality of their craftsmanship into a website that converts.

The Challenge

BD Interlock had a few clear needs:

  • No professional website: Their existing presence was minimal and didn't reflect the calibre of their work
  • Bilingual customer base: They serve both English and French speakers in the Ottawa region and needed full EN/FR parity
  • Lead capture: Estimates were happening over the phone — they wanted "Get a Free Quote" CTAs woven through the site
  • Project showcase: A growing portfolio of driveways, patios, and retaining walls with no place to display it
  • Service clarity: Customers couldn't easily see the full range — hardscape, landscaping & lighting, retaining walls, property maintenance & snow management

Our Solution

Modern, Conversion-Focused Design

We designed a clean, contractor-grade site with strong photography, clear service breakdowns, and a "Get Your Free Quote" CTA repeated at every natural decision point. The home page leads with credibility — Free Estimates, 3-Year Warranty, Licensed & Insured — and funnels visitors into either the gallery or the quote form.

Bilingual (EN/FR) Site Architecture

The full site — pages, navigation, services, gallery, contact — ships in both English and French with proper URL routing (/en and /fr), so BD Interlock can serve their entire Ottawa-area customer base without compromise.

Dedicated Service Pages

Each service line has its own page with photos, features, and a contextual quote CTA:

  • Hardscape Design and Installation
  • Landscaping and Outdoor Lighting
  • Retaining Walls
  • Property Maintenance and Snow Management

CMS-Driven Project Gallery

The team can upload new projects whenever a job wraps. No developer required, no waiting — they shoot it, post it, and it's live in the gallery.

SEO Foundations

Local-Ottawa SEO from day one: semantic HTML, fast load times, mobile-first layout, optimized meta tags, and schema markup to help BD Interlock surface for "interlock contractor Ottawa" and related searches.

Technical Implementation

  • Next.js — fast, SEO-friendly rendering
  • Payload CMS — gallery, services, and pages managed by the BD Interlock team
  • TypeScript — type-safe, maintainable codebase
  • Tailwind CSS — responsive, contractor-appropriate design system

Results & Impact

Since launch, BD Interlock has:

  • A polished bilingual web presence (EN/FR) live across every page
  • A self-serve gallery and service catalogue managed entirely through the CMS
  • Higher-quality inbound leads via clearly placed quote CTAs
  • Fast mobile performance — important because most calls come from people standing on their own driveway
  • A solid SEO foundation for organic discovery in the Greater Ottawa Area

The new site gives BD Interlock the digital credibility their craftsmanship has always deserved, and turns their phone-only sales process into a steady stream of qualified quote requests.

Ready to Build Something Scalable?

Whether you need a complex web platform, a mobile app, or a brand overhaul, our team of engineers and designers is ready to execute your vision.

Schedule a Call
Mutex Labs