Saltar para o conteúdo

Web experience · Engenharia criativa

MCC Living Intelligence Platform

Este website: uma experiência Next.js multilingue com vídeo cinematográfico, interface em camadas interativas, navegação responsiva, Star e demonstrações de software identificadas.

Domínio

Web experience / engenharia de produto

Papel

Sistema de design, arquitetura frontend, interação espacial CSS, localização

Stack

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

Tokens para cor, tipo, espaçamento, movimento e primitivas espaciais MCC

Arquitetura de componentes

Componentes React tipados sobre um sistema de CSS orientado a tokens

Ambiente cinematográfico

Vídeo panorâmico, controlos de reprodução e vista estática para leitura

Interface espacial

Camadas CSS interativas com controlos táteis e alternativa com movimento reduzido

Verificação

Inclui testes automatizados; cada implementação exige a sua própria verificação.

Engenharia
  • Sistema de design, arquitetura frontend, interação espacial CSS, localização
  • Vídeo panorâmico, controlos de reprodução e vista estática para leitura
  • Camadas CSS interativas com controlos táteis e alternativa com movimento reduzido
  • Inclui testes automatizados; cada implementação exige a sua própria verificação.
Resultado

Uma experiência de portefólio funcional para explorar a interface, experimentar demonstrações e discutir um projeto.

Quer um site que prove o que constrói?

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