ONE PIECE

CONTEXTO

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 é.

O QUE FOI FEITO

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.

PÁGINA ÚNICA · ANIMAÇÃO 100% EM CÓDIGO

DETALHE TÉCNICO

• 01O site abre numa cena controlada pelo scroll: nada acontece sozinho, é o dedo do visitante que puxa a história. Essa escolha define o resto …+

  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.

• 02O 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 desen…+

  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.

TELAS

RESULTADO

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.

QUERO ALGO PARECIDO ↗