Kootenay Made Digital
The studio site that has to prove every claim it makes.
145
Sitemap URLs
124
Page modules
7
Service lines
72
Guides

An agency's own website is the only proof that actually counts.
You cannot sell great websites with a mediocre one.
A studio is judged first by its own site. If it does not hold up in ten seconds, nothing else on it gets read.
Most agency sites tell. They do not show.
Claims about quality, speed, and craft are cheap. Proof is rare, and proof is the only thing a skeptical owner actually believes.
Local trust does not survive a template smell.
Kootenay owners can spot a generic agency site with the town name dropped in, and it kills the trust before the first call.
Built to prove the promise from every angle.
Proof from multiple angles.
Real case studies, local sales pages, a working audit tool, a deep guide library, and a playable arcade game all say the same thing differently: this studio can think, design, build, and ship.
Service architecture that sells the value.
Clear, current offers without stale package pricing or enterprise overreach, so the right work is easy to understand and buy.
Local pages that sell fit, not keywords.
Regional pages explain buyer reality and process instead of behaving like SEO link dumps that locals see right through.
Craft as a signature, not a gimmick.
Custom interaction work, including Kootenay Breaker, proves that even the fun parts can be built from scratch.
The thinking behind the build
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.
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.
The signature visual system is one living survey map. A custom WebGL shader draws the valley, contours, beacons, and route lines, and every major page views that same world through its own lens: the portfolio flies between expedition beacons, the contact page fires signal flares, the blog looks up at the sky. One world, many lenses, which is exactly the discipline the studio sells to clients.
The performance work is part of the proof. The site carries shaders, animations, a game, and analytics, and still had to score like a business site, so the heavy pieces load only when needed, the reveal engine is a kilobyte of inline code instead of a library, and third-party scripts wait for a human signal before they cost anyone a millisecond. The measured result climbed from the low forties to the high seventies on mobile PageSpeed without removing a single visual.
And the whole platform is the demo. A prospect does not have to take the studio's word for anything: the audit tool runs against their site while they wait, the case studies show the work, the guides teach the thinking, and the site they are standing in is the standard being offered. Every claim on every service page is being proven by the page itself.
What a business owner feels before they book the call.
Taste you can see
The site is the portfolio. First impression and craft are the pitch, before a single word of sales copy.
A real person after launch
The Lodge and support foundation prove the relationship does not end at go-live, which is the fear most owners carry.
A clear, low-risk first step
The free audit lets an owner start without committing to a build, so the first move feels safe.
Everything that shipped.
I 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.
Highlights
- 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
- One WebGL survey-map world with per-page lenses: expedition beacons on the portfolio, signal flares on contact, the sky lens on the blog
- Performance architecture that keeps shaders, a game, and analytics inside business-site speed budgets, measured on live PageSpeed
Pages and surfaces
- Homepage with premium proof-of-craft sections
- 7 primary service pages: websites, Shopify, branding, ongoing support, OpenClaw AI Assistant, web apps, and The Empire
- 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 72 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, billing, and guide-library route structure
- Admin routes for clients, guides, resources, prompts, tickets, and videos
- Privacy, terms, contact, process, about, and authentication flows
Real code. Real routes. Production ready.
- Next.js 16 + React 19 platform deployed on Vercel
- 124 source app page modules and 145 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 72-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
Stack
If our site can carry this, yours can too.
This platform is the proof. The same craft, structure, and conversion thinking can be built around your business, your market, and your name. Start with a free website audit and I will map your fastest path to the same result.
Builds like this start at $2,000, or Own It Monthly from $189/mo, yours outright at the end.
More work
11 / 14