Todos os projetos

Web experience · Engenharia criativa

MCC Living Intelligence Platform

Este site. Uma plataforma Next.js imersiva e multilingue, construída como prova viva do que a MCC entrega: um Intelligence Core feito à mão, um cursor sensível ao contexto, movimento guiado por scroll, cinco línguas e demos de AI interativas, tudo testado e com build de produção.

Domínio
Web experience / engenharia de produto
Papel
Design system, arquitetura de frontend, movimento & WebGL/Canvas, i18n, QA
Stack
Next.js · React · TypeScript · Canvas · next-intl · Playwright

Contexto

Um estúdio de automação de AI independente de fornecedor precisa de um site que faça mais do que descrever o trabalho; tem de se comportar como os sistemas que constrói. Um template genérico diria o oposto da proposta.

Problema

O site tinha de provar capacidade em segundos e aguentar o escrutínio: rápido, acessível, multilingue e genuinamente interativo, sem que o movimento se tornasse decoração que prejudica a usabilidade.

Arquitetura

Design systemTokens para cor, tipo, espaçamento, movimento e primitivas espaciais MCC
Arquitetura de componentesComponentes React tipados sobre um sistema de CSS orientado a tokens
Movimento & inteligência de cursorReveals guiados por scroll, cursor magnético, movimento de sinal
Intelligence CoreRede em Canvas feita à mão, com níveis por dispositivo e fallback em movimento reduzido
Entregue: testado & localizadoCinco línguas, testes end-to-end Playwright, build de produção limpo

Engenharia

  • Next.js App Router com TypeScript estrito e um design system de CSS orientado a tokens
  • Intelligence Core em Canvas feito à mão, com níveis por dispositivo, pausa fora do ecrã e frame estático em movimento reduzido
  • Cursor Intelligence e movimento guiado por scroll que degradam com segurança sem JS
  • Cinco línguas totalmente localizadas (EN/PT/IT/ES/NL) com SEO localizado
  • Demos de AI interativas sobre dados de exemplo, atrás de uma shell de produto reutilizável
  • Suite end-to-end Playwright em rotas, línguas e viewports; build de produção limpo

Resultado

O site é a peça de portefólio: uma plataforma viva e acessível em cinco línguas que se comporta como a automação que a MCC entrega e passa o seu próprio build e testes end-to-end.

Quer um site que prove o que constrói?

Esta coisa toda é a prova. Quer um que trabalhe assim tanto por si?