O sistema de motion transforma os elementos estáticos da marca em experiências vivas. Cada animação segue princípios de impacto imediato + retenção emocional.
Animação 01
Logo Reveal — Intro de Vídeo
A hashtag # aparece como impacto (scale 0→100%, overshoot bounce). Depois "VESTE" desliza da esquerda com motion blur. "AMARELINHA" se revela letra por letra como placar de estádio. No final, tudo pulsa uma vez em dourado. Duração: 2.5s.
Easing: cubic-bezier(0.34, 1.56, 0.64, 1) • FPS: 60 • Export: MOV ProRes 4444 + MP4 H.265
Animação 02
Transição de Gol — Reels/Stories
Quando o Brasil faz gol: a tela explode em dourado (radial wipe), partículas douradas voam, a camisa da seleção gira em 3D no centro, a hashtag pulsa no ritmo de "olé olé olé". Duração: 3s. Para usar como overlay em reações a jogos.
After Effects + Lottie • Trigger: reação a gol • Loop: partículas infinitas
Animação 03
Contador Regressivo Diário
Números grandes em Space Grotesk que "viram" como placar mecânico (flip animation). O número de dias diminui, a urgência aumenta. Fundo preto, números dourados, barra de progresso verde que enche conforme a Copa se aproxima. Postável diariamente como story.
Lottie JSON • Auto-update diário • 1080x1920px stories
Animação 04
Camisa Flutuante 3D
A camisa amarela da seleção flutua em 3D sobre fundo preto, girando lentamente. Iluminação cinematográfica (rim light dourado, fill verde sutil). A hashtag orbita ao redor como anel de Saturno. Loop infinito para hero do site e ads em vídeo.
Three.js ou Blender render • Loop 6s • HDR lighting
Animação 05
Onda de Torcida — Background
Ondas de barras douradas que sobem e descem como a ola do estádio. Movimento contínuo da esquerda para direita, infinito. Cada barra pulsa com intensidade diferente. Usado como background animado do site, loading screen, e fundo de stories.
CSS animation ou Lottie • Loop infinito • Performance-safe
Animação 06
Preço Impacto — Ad Reveal
"R$449" aparece grande em vermelho, riscado com animação de tarja. "R$197" entra com impacto (scale up + shake) em dourado. A logo #VESTEAMARELINHA fecha. A mesma camisa. 1.8s de puro choque de preço. Para anúncios de conversão.
Duração: 1.8s • Easing: spring(1, 80, 10) • Alta retenção
Animação 07
Hashtag Pulse — Sticker Animado
A # dourada pulsa como batida de coração — expande e contrai ritmicamente. Glow dourado sutil irradia a cada pulse. Disponível como sticker animado do Instagram/WhatsApp. Os seguidores colam nos stories deles, espalhando a marca organicamente.
GIF animado 500x500px + APNG • Loop 2s • Sticker pack
Animação 08
Confetti de Vitória
Explosão de confetti nas cores da marca (dourado, verde, branco) que cai sobre a tela. Cada confetti é uma mini-hashtag #, uma estrela ★ ou uma mini-camisa. Ativado quando o Brasil ganha, quando o cliente finaliza compra, ou em marcos de seguidores.
Canvas/WebGL • Trigger: evento de vitória • 3s duration