Saltar al contenido

Web experience · Ingeniería creativa

MCC Living Intelligence Platform

Este sitio: una experiencia Next.js multilingüe con vídeo cinematográfico, interfaz de capas interactivas, navegación adaptable, Star y demos de software identificadas.

Dominio

Web experience / ingeniería de producto

Rol

Sistema de diseño, arquitectura frontend, interacción espacial CSS, localización

Stack

Next.js · React · TypeScript · CSS · next-intl · Playwright

Contexto

Un estudio de automatización de AI independiente de proveedor necesita un sitio que haga más que describir el trabajo; tiene que comportarse como los sistemas que construye. Una plantilla genérica diría lo contrario de la propuesta.

Problema

El sitio tenía que demostrar capacidad en segundos y aguantar el escrutinio: rápido, accesible, multilingüe y realmente interactivo, sin que el movimiento se convirtiera en decoración que perjudica la usabilidad.

Arquitectura

Sistema de diseño

Tokens de color, tipografía, espaciado, movimiento y primitivas espaciales MCC

Arquitectura de componentes

Componentes React tipados sobre un sistema CSS guiado por tokens

Entorno cinematográfico

Vídeo panorámico, controles de reproducción y vista estática de lectura

Interfaz espacial

Capas CSS interactivas con controles táctiles y alternativa de movimiento reducido

Verificación

Incluye pruebas automatizadas; cada despliegue requiere su propia verificación.

Ingeniería
  • Sistema de diseño, arquitectura frontend, interacción espacial CSS, localización
  • Vídeo panorámico, controles de reproducción y vista estática de lectura
  • Capas CSS interactivas con controles táctiles y alternativa de movimiento reducido
  • Incluye pruebas automatizadas; cada despliegue requiere su propia verificación.
Resultado

Un portfolio funcional para explorar la interfaz, probar demos de software y hablar sobre un proyecto.

¿Quieres un sitio que demuestre lo que construyes?

Todo esto es la prueba. ¿Quieres uno que trabaje así de duro para ti?