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.

Visit drabinskyrealty.com → Build something like this
AT A GLANCE
Market
Muskoka
Ontario's premier cottage country — waterfront properties up to $10M+
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
WHAT WE BUILT

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.

DESIGN + LEADS

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
STACK

Technology.

Next.js
Framework
Tailwind v4
Design system
Mux Video
Property tour hosting
Mux Player
Lazy-loaded embed
Supabase
Leads + form data
MentionWell
Blog content engine
drabinskyrealty.com ↗
REAL ESTATE AGENTS

Your market deserves a site
that reflects it.

Property listings, area guides, AI content, and lead capture — built for agents who want their site working while they're at the lake.

Start the conversation →