ICE NUGETS - Landing Page
Site do ICE NUGETS, time brasileiro de Pro Clubs (EA SPORTS FC). O projeto entrega uma experiência de entrada cinematográfica: ao abrir o site, o usuário assiste a uma intro em vídeo fullscreen com áudio (com opção de hold space to skip), que mergulha suavemente no preto e revela a mensagem "Aperte qualquer tecla para entrar". Após a interação, uma transição elegante revela a home. A landing inclui um hero com identidade visual dark e detalhes em verde neon, seção de streamers ao vivo que consulta em tempo real quem está transmitindo na Twitch e no Kick, tabela de classificação da Super Copa dos Streamers extraída via web scraping do site oficial, cards de notícias e elenco, e uma seção da competição. Conta também com preferências persistidas (ativar/desativar a intro), menu responsivo com hamburger, header fixo com efeito ao rolar e animações de entrada em todas as seções.
Desenvolvedor Full Stack
2 semanas
2026
ICE NUGETS
Video cinematográfico desenvolvido para a intro do website
Processo de Criação
Experiência de Entrada
Desenvolvimento da intro cinematográfica: vídeo fullscreen com fade de áudio, tela de espera com prompt de interação e transição suave para a home, incluindo opção de pular segurando espaço.
Hero e Identidade Visual
Construção do hero com fonte customizada, textura grunge no título, botões com efeito neon animado e composição de logos em cruzamento.
Integração de Dados ao Vivo
Criação de API routes que verificam o status de transmissão dos streamers na Twitch (via scraping do HTML) e no Kick (via API pública), retornando quem está ao vivo em tempo real.
Scraping da Tabela
Parser dedicado para extrair a classificação do grupo do time diretamente do site da Super Copa dos Streamers, com atualização automática.
Interatividade e Polimento
Header fixo com blur ao rolar, animações de entrada com Intersection Observer, menu responsivo, preferências persistidas em localStorage e ajustes finos de UX.
Funcionalidades
Galeria
