Web experience / ingegneria di prodotto
Web experience · Ingegneria creativa
MCC Living Intelligence Platform
Questo sito: un’esperienza Next.js multilingue con video cinematografico, interfaccia a livelli interattivi, navigazione responsive, Star e demo software identificate.
Sistema di design, architettura frontend, interazione spaziale CSS, localizzazione
Next.js · React · TypeScript · CSS · next-intl · Playwright
Uno studio di automazione AI indipendente dal fornitore ha bisogno di un sito che faccia più che descrivere il lavoro; deve comportarsi come i sistemi che costruisce. Un template generico direbbe l'opposto della proposta.
Il sito doveva dimostrare capacità in pochi secondi e reggere all'esame: veloce, accessibile, multilingue e davvero interattivo, senza che il movimento diventasse decorazione che danneggia l'usabilità.
Architettura
Design system
Token per colore, tipo, spaziatura, movimento e primitive spaziali MCC
Architettura dei componenti
Componenti React tipizzati su un sistema CSS guidato dai token
Ambiente cinematografico
Video panoramico, controlli di riproduzione e vista statica per la lettura
Interfaccia spaziale
Livelli CSS interattivi con controlli touch e alternativa a movimento ridotto
Verifica
Sono inclusi test automatici; ogni deployment richiede una propria verifica.
- Sistema di design, architettura frontend, interazione spaziale CSS, localizzazione
- Video panoramico, controlli di riproduzione e vista statica per la lettura
- Livelli CSS interattivi con controlli touch e alternativa a movimento ridotto
- Sono inclusi test automatici; ogni deployment richiede una propria verifica.
Un portfolio funzionante per esplorare l’interfaccia, provare demo software e discutere un progetto.
Vuoi un sito che dimostri cosa costruisci?
Tutto questo è la prova. Ne vuoi uno che lavori così tanto per te?