Web experience · Creatieve engineering
MCC Living Intelligence Platform
Deze website. Een immersief, meertalig Next.js-platform, gebouwd als levend bewijs van wat MCC oplevert: een met de hand gemaakte Intelligence Core, een contextbewuste cursor, scroll-gestuurde animatie, vijf talen en interactieve AI-demo's, allemaal getest en productie-gebouwd.
- Domein
- Web experience / productengineering
- Rol
- Designsysteem, frontend-architectuur, motion & WebGL/Canvas, i18n, QA
- Stack
- Next.js · React · TypeScript · Canvas · next-intl · Playwright
Context
Een leverancieronafhankelijke AI-automatiseringsstudio heeft een site nodig die meer doet dan het werk beschrijven; hij moet zich gedragen als de systemen die hij bouwt. Een generiek sjabloon zou het tegenovergestelde van de belofte zeggen.
Probleem
De site moest capaciteit in seconden bewijzen en overeind blijven onder kritische blik: snel, toegankelijk, meertalig en echt interactief, zonder dat de animatie decoratie wordt die de bruikbaarheid schaadt.
Architectuur
Engineering
- Next.js App Router met strikte TypeScript en een token-gedreven CSS-designsysteem
- Met de hand gemaakte Canvas Intelligence Core met device-tiers, pauze buiten beeld en een statisch frame bij verminderde beweging
- Cursor Intelligence en scroll-gestuurde animatie die veilig degraderen zonder JS
- Vijf volledig gelokaliseerde talen (EN/PT/IT/ES/NL) met gelokaliseerde SEO
- Interactieve AI-demo's op voorbeelddata achter een herbruikbare productshell
- Playwright end-to-end-suite over routes, talen en viewports; schone productiebuild
Resultaat
De site is het portfoliostuk: een levend, toegankelijk platform in vijf talen dat zich gedraagt als de automatisering die MCC levert en zijn eigen build en end-to-end-tests doorstaat.
Wil je een site die bewijst wat je bouwt?
Dit hele ding is het bewijs. Wil je er een die net zo hard voor jou werkt?