Kingsbury Creative
The Challenge
We needed a site that demonstrated everything we tell clients we can do — without using any of the tools we tell them they don't need. No WordPress, no page builders, no frameworks. The site itself had to be the portfolio.
It also had to be fully bilingual (English and French), fast enough to score well on Core Web Vitals, accessible, and visually distinctive enough to stand out from every other agency site in the Ottawa Valley.
The Approach
We wrote every line from scratch. PHP 8 handles routing and bilingual i18n with URL prefixes (/en/, /fr/). Vite bundles the CSS and JavaScript with hot module replacement during development.
The hero section features a custom canvas animation — "Build Lines" — with wavy lines, traveling dots that brighten through nodes, and mouse interaction. GSAP and ScrollTrigger power all scroll-driven animations: pinned process sections, section reveals, and the services panel morph.
Lenis provides smooth scrolling synced with ScrollTrigger. The design system lives in CSS custom properties — swap one file and the whole site re-themes.
The Result
The site launches with sub-400KB total page weight (after image optimization), self-hosted fonts, zero render-blocking requests, and a Lighthouse performance score in the green.
It's fully bilingual with proper hreflang tags, accessible with WCAG 2.1 compliance, and includes easter eggs for the curious (view source, try the Konami code, or ask about the Valley).
The site is the portfolio. Every scroll animation, every interaction, every design decision is a live demonstration of the work we do for clients.