Skip to content
The Home TrailStudio Website + Local Growth Platform

Kootenay Made Digital

The living flagship for Kootenay Made Digital: a premium studio site, service system, local SEO architecture, proof library, audit tool, client foundation, and playable brand moment built around Kootenay businesses.

Kootenay Made Digital screenshot
kootenaymade.ca
Explore Live

What changed

The studio site became the studio system.

Kootenay Made now has to prove design taste, local understanding, technical range, security awareness, service clarity, and client support depth in one coherent trail.

01

Offer system

Fresh-build services, no stale menu.

The service architecture now matches the real studio: websites, Shopify, branding, local SEO, AI tools, email marketing, and digital resilience with clearer fit and pricing logic.

02

Local architecture

Service-area pages that actually sell.

The regional pages moved from map logic into specific buyer arguments for Kootenay, BC, and worldwide prospects without fake local posture.

03

Proof stack

Portfolio, guides, audit, and play.

The site now backs up the promise with case studies, local business education, a native audit scanner, and Kootenay Breaker as a memorable craft signal.

Overview

The Project

Kootenay Made Digital is no longer just a studio website. It is the flagship proof system for the whole business. The platform has to do the selling, teaching, qualifying, demonstrating, and trust-building before a prospect ever books a call. It now shows the actual standard: fresh custom builds, clear service architecture, local market understanding, secure-by-default foundations, strong visual taste, and enough technical craft to make the work memorable.

Pages / Routes

73 public sitemap URLs, 107 source app page modules, 7 primary service lines, 8 service-area hubs, 40+ guide pages, portfolio case studies, audit flows, client dashboard routes, admin routes, and one custom arcade game.

Market

Castlegar and the Kootenays, BC

Core Stack

Next.js 16 + React 19 + TypeScript

What We Built

The Build

We rebuilt the platform into a Kootenay-rooted growth system using Next.js 16, React 19, TypeScript, Tailwind CSS v4, custom animation work, Supabase integration points, email/contact flows, markdown guide content, programmatic local pages, portfolio case studies, an embedded audit scanner, service sales architecture, client/admin route foundations, and bespoke interaction work including Kootenay Breaker.

Key Highlight

The strongest upgrade is that the site now proves the promise from multiple angles. It does not just say Kootenay Made builds better websites. It shows fresh service positioning, real case studies, local sales pages, a working audit tool, a large guide library, premium design, security awareness, and a playable custom-coded brand detail.

Case Study

The thinking behind the build

The first version had the bones of a local studio website. The upgraded version had to carry the business that now exists: clearer offers, stronger proof, more public content, more service areas, better trust signals, client-facing ambitions, and a brand that feels rooted in the Kootenays instead of assembled from agency templates.

The strategy was to make the site sell through evidence. A visitor can inspect the services, compare the process, browse real work, read guides, run an audit, explore local pages, and play a custom-coded arcade game. Each surface says the same thing in a different way: this studio can think, design, build, write, and ship.

The biggest shift is restraint around trust. Security is present, but not overclaimed. Digital resilience is framed as modernization, ownership, access hygiene, and less fragile infrastructure. The audit tool is useful, but clearly scoped. The service pages sell the value without pretending every small business needs enterprise cyber consulting.

The local architecture became a sales system instead of a map. Kootenay, BC, and worldwide pages now explain fit, buyer reality, and process. That makes the site more useful to real prospects and avoids the template smell that kills trust in local markets.

The brand layer matters too. The upgraded site uses mountain, river, lodge, campfire, and trail language with premium execution rather than tourist-postcard decoration. Kootenay Breaker pushes that further: a small playable proof that even the fun parts can be custom, local, and technically sharp.

Technical Case Study

Scope, stack, and shipped systems

73 public sitemap URLs, 107 source app page modules, 7 primary service lines, 8 service-area hubs, 40+ guide pages, portfolio case studies, audit flows, client dashboard routes, admin routes, and one custom arcade game.

Pages / Surfaces

Homepage with premium proof-of-craft sections
7 primary service pages: websites, Shopify, branding, local SEO, AI tools, email marketing, and digital resilience
Service-area hub system for West Kootenay, East Kootenay, Kootenay Boundary, BC, worldwide, and local markets
Portfolio index and individual case-study pages
Guides library with 40+ local business articles
Embedded audit page with Lighthouse positioning and native security-header scan
Kootenay Breaker playable arcade experience
Client Lodge, dashboard, support, resources, videos, prompts, and field-school route structure
Admin routes for clients, guides, resources, prompts, tickets, and videos
Privacy, terms, contact, process, about, and authentication flows

Technical Highlights

Next.js 16 + React 19 platform deployed on Vercel
107 source app page modules and 73 public sitemap URLs in the current public sitemap
Tailwind CSS v4 styling system with custom KMD section fields, premium cards, and responsive layouts
Embedded native security-header scan API with public-host validation, redirect safety, HEAD/GET fallback, and scoped result messaging
Supabase SSR integration points for client Lodge, dashboard, admin, and account surfaces
Markdown-driven guide rendering and a 40+ article education/search library
Custom Canvas/WebGL/Pretext interaction work powering Kootenay Breaker and motion demos
Nodemailer-backed contact/API flows and route structure for future client operations

Features

Premium homepage system with richer section rhythm, stronger service cards, sharper positioning, and Kootenay-specific personality
Fresh-build service architecture that reflects the current offers and removes stale portal/package pricing
Customized service-area sales pages that speak to each region instead of behaving like generic SEO link dumps
Embedded audit flow with a KMD-native security header scanner and clear scope boundaries
Portfolio proof system with upgraded case studies, latest-work framing, and stronger technical credibility
Kootenay Breaker arcade experience as a brand asset and proof-of-craft interaction, not a hidden gimmick
Guide library built to educate local owners and support search visibility without keyword-stuffed sludge
Client Lodge and admin route foundation for future support, resources, learning, prompts, tickets, and client operations
Next.js 16React 19TypeScriptTailwind CSS v4Framer MotionGSAPSupabaseNodemailerReact MarkdownCanvas/WebGLPretextVercel

See it in action

Experience Kootenay Made Digital for yourself.

Explore Live

⛰ Continue the Trail ⛰

🏔Trail Marker 7 of 10🏔