Case studies — WEB · CLIENT PROJECT

Muskoka waterfront. Marketing site that sells the lifestyle.

Property listings, area guides, Mux video, and a blog powered by MentionWell's AI content engine.

AT A GLANCE

Market Muskoka

Ontario's premier cottage country, premium waterfront properties

Content Engine AI

MentionWell blog, waterfront real estate content on a regular cadence

Video Mux · Lazy-loaded

Property tour videos, zero Core Web Vitals impact on initial load

The full site.

Waterfront real estate in Muskoka isn't sold on specs. It's sold on belonging, the idea of a dock, a morning on the water, a place that becomes part of a family's story. The site had to communicate that before a listing was even opened.

Listings Dedicated listing pages

Each property gets a dedicated page, photo gallery with full-screen lightbox, feature grid, embedded map, and an inquiry form routed directly to the agent's inbox. No third-party listing portal design language. The listings feel like editorial pages, not database exports.

SEO Area guides

Hand-crafted editorial pages for each Muskoka lake and region, Lake Joseph, Lake Rosseau, Lake Muskoka, and more. Built to rank on "Muskoka waterfront" + location queries. Each guide covers the character of the area, access points, seasonal considerations, and what buyers typically prioritize.

Content MentionWell Blog

The blog is powered by MentionWell's AI content engine, publishing waterfront real estate articles on a consistent cadence without the agent having to write a word. Market trend roundups, buying guides, seasonal content. Every post is optimized for the long-tail queries that waterfront buyers actually search.

Video Mux property tours

Property tour videos hosted on Mux, served via Mux Player with lazy-loading. Videos don't begin loading until the user scrolls them into view, Core Web Vitals remain green across the board. No YouTube controls, no recommended video sidebar pulling buyers off the page.

Visual language: luxury and nature.

The design brief was simple: it should feel like being at the lake. Muted greens, warm neutrals, natural textures, generous whitespace. Typography that doesn't rush the visitor. High-resolution photography doing the heavy lifting. → Tailwind v4, utility-first with a tight custom design token layer → Muted green / warm sand palette built around the Muskoka palette → Photography-first layout, content frames the image, not the reverse → Generous whitespace, no visual competition between elements

Lead routing that actually works.

Every inquiry form, on listings, area guides, and the contact page, routes to the same Supabase table. The agent gets an email notification with the full submission and a simultaneous SMS with the key details.

Lead flow

Form submission — Any page on the site Supabase — Captured + timestamped Email alert — Full context to agent SMS alert — Name + property + number

Technology.

Framework Next.js

Design system Tailwind v4

Property tour hosting Mux Video

Lazy-loaded embed Mux Player

Leads + form data Supabase

Blog content engine MentionWell

On the bench.

  • Next.js
  • Tailwind v4
  • Mux Video
  • Mux Player
  • Supabase
  • MentionWell