UX Engineering

Studio Ghibli UI

Landing page que isola CSS Modules para construir um design autoral sensível, focado em UX e texturas cinematográficas.

Capa do projeto Studio Ghibli UI

Tech Stack

React 19ViteMotion

Ano de Lançamento

2026

O Desafio

Provar que é possível criar interfaces com o mais alto nível de polimento visual (Pixel-Perfect), transições fluidas e uma atmosfera cinematográfica sem depender de enormes bibliotecas de componentes prontos. O objetivo era traduzir o afeto e a textura da arte do Studio Ghibli para o código.

A Solução Técnica

Construído com React 19 (via Vite para HMR ultrarrápido). Fugi intencionalmente do TailwindCSS neste projeto para usar CSS Modules puros, garantindo um escopo isolado de estilização e forçando um domínio técnico bruto de CSS (Grid, Flex, Keyframes, Custom Properties). O Framer Motion orquestrou a delicadeza das animações de entrada e navegação.

Impacto & Resultados

Um case perfeito de 'UX Engineering'. Demonstra a capacidade de transitar não apenas entre servidores e bancos de dados complexos (backend), mas possuir 'taste' (gosto visual) afiado para o desenvolvimento Frontend de alto impacto, essencial para marcas Premium.