Ga naar inhoud

Web experience · Creatieve engineering

MCC Living Intelligence Platform

Deze website: een meertalige Next.js-ervaring met filmische video, een interactieve gelaagde interface, responsieve navigatie, Star en duidelijk gemarkeerde softwaredemo’s.

Domein

Web experience / productengineering

Rol

Ontwerpsysteem, frontendarchitectuur, ruimtelijke CSS-interactie, lokalisatie

Stack

Next.js · React · TypeScript · CSS · 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

Designsysteem

Tokens voor kleur, type, spacing, motion en ruimtelijke MCC-primitieven

Componentarchitectuur

Getypeerde React-componenten op een token-gedreven CSS-systeem

Filmische omgeving

Breed videobeeld, afspeelbediening en een stilstaande leesweergave

Ruimtelijke interface

Interactieve CSS-lagen met aanraakbediening en een alternatief voor minder beweging

Verificatie

Geautomatiseerde tests zijn aanwezig; elke deployment vereist eigen verificatie.

Engineering
  • Ontwerpsysteem, frontendarchitectuur, ruimtelijke CSS-interactie, lokalisatie
  • Breed videobeeld, afspeelbediening en een stilstaande leesweergave
  • Interactieve CSS-lagen met aanraakbediening en een alternatief voor minder beweging
  • Geautomatiseerde tests zijn aanwezig; elke deployment vereist eigen verificatie.
Resultaat

Een werkende portfolio-ervaring waarin bezoekers de interface verkennen, softwaredemo’s proberen en een project bespreken.

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?