Site cinematográfico · a saga contada no scroll
ONE PIECE
Problema
Conteúdo de anime na web quase sempre vira lista de wiki: muita informação e nenhuma emoção. Ninguém sente a jornada que fez a obra ser o que é.
Solução
Uma página única que conta a história de One Piece: a cena de abertura obedece ao scroll e dali o site atravessa a Era dos Piratas, apresenta os Chapéus de Palha, desenha a rota até o fim do mapa e guarda as falas que marcaram. Tudo animado em código, sem vídeo pesado.
Projeto de fã, sem vínculo com os detentores dos direitos da obra.
Como foi construído
O site abre numa cena controlada pelo scroll: nada acontece sozinho, é o dedo do visitante que puxa a história. Essa escolha define o resto da página, porque transforma leitura em travessia. GSAP com ScrollTrigger cuida das transições e o Lenis suaviza a rolagem pra animação nunca engasgar.
O conteúdo segue a lógica da obra: a execução de Roger acende a Era dos Piratas, cada Chapéu de Palha entra com o próprio peso, a rota desenha o caminho até o fim do mapa e as falas que todo fã conhece ganham espaço de respiro. É um projeto de fã, feito pra mostrar o quanto uma página só carrega quando o código faz o papel de um trailer.
Mais telas
Stack
- Next.js
- TypeScript
- Tailwind
- GSAP
- Lenis