Web Experience · Creative Engineering
MCC Living Intelligence Platform
This website. An immersive, multilingual Next.js platform built as living proof of what MCC ships: a hand-authored Intelligence Core, a context-aware cursor, scroll-driven motion, five languages, and interactive AI demos, all tested and production-built.
- Domain
- Web experience / product engineering
- Role
- Design system, frontend architecture, motion & WebGL/Canvas, i18n, QA
- Stack
- Next.js · React · TypeScript · Canvas · next-intl · Playwright
Context
A platform-agnostic AI automation studio needs a site that does more than describe the work; it has to behave like the systems it builds. A generic template would say the opposite of the pitch.
Problem
The site had to prove capability in seconds and hold up under scrutiny: fast, accessible, multilingual, and genuinely interactive, without the motion becoming decoration that hurts usability.
Architecture
Engineering
- Next.js App Router with strict TypeScript and a token-driven CSS design system
- Hand-authored Canvas Intelligence Core with device tiers, offscreen pause, and reduced-motion static frame
- Cursor Intelligence and scroll-driven motion that degrade safely without JS
- Five fully localized locales (EN/PT/IT/ES/NL) with localized SEO
- Interactive, sample-data AI demos behind a reusable product shell
- Playwright end-to-end suite across routes, locales, and viewports; clean production build
Outcome
The site is the portfolio piece: a living, accessible, five-language platform that behaves like the automation MCC delivers, and passes its own build and end-to-end tests.
Want a site that proves what you build?
This whole thing is the proof. Want one that works this hard for you?