Canário na Copa
Uma revista digital independente para cobrir a Copa do Mundo de 2026 com jornalismo, dados e storytelling interativo.
Desafio
A cobertura de uma Copa do Mundo produz um volume enorme de informação em um período muito curto: resultados, classificações, estatísticas individuais e coletivas, eventos de jogo, dados históricos e narrativas que mudam diariamente. Grande parte desse conteúdo costuma estar dispersa entre diferentes plataformas, apresentada em tabelas isoladas ou organizada prioritariamente para consulta rápida.
O desafio do Canário na Copa foi transformar esse fluxo intenso de dados em uma experiência editorial mais clara e explorável, capaz não apenas de informar o que aconteceu, mas de ajudar o público a compreender os padrões, contextos e histórias produzidos ao longo do torneio.
Solução
Desenvolvi a plataforma com Astro SSR, CSS customizado e JavaScript puro, usando D3.js para construir mapas interativos, escalações, redes de passes e outras visualizações de dados. O Supabase sustenta autenticação, assinaturas e dados de partidas, enquanto o Sanity é usado para publicação editorial. Stripe, Resend e React Email dão suporte a memberships e à comunicação com leitores.
O projeto também inclui um pipeline de dados próprio que transforma relatórios pós-jogo da FIFA em datasets estruturados e análises interativas de partidas. A aplicação é hospedada em um servidor Ubuntu na Linode, com Nginx, PM2 e Cloudflare cuidando de deploy, performance e entrega.
Resultado
O resultado é um produto editorial capaz de combinar cobertura jornalística, infraestrutura de publicação, dados estruturados, visualizações interativas e uma camada de relacionamento com leitores em uma única experiência. O Canário na Copa funciona tanto como publicação quanto como laboratório de produto para novas formas de narrativa esportiva baseada em dados.
Meu papel
Concebi e desenvolvi o produto de ponta a ponta: arquitetura editorial, identidade visual, interfaces, visualizações de dados, autenticação, assinaturas, publicação, infraestrutura de deploy e pipeline de dados. Também fui responsável pela definição editorial e pela organização das informações apresentadas na revista.
Principais funcionalidades
Painel central
Visualizações dos confrontos, resultados e principais movimentos do torneio.
Estatísticas de jogadores
Fichas e rankings para explorar histórico, desempenho e participação individual.
Grupos e confrontos
Interfaces para acompanhar a fase de grupos e os caminhos possíveis da competição.
Diário de cobertura
Feed editorial para organizar atualizações, notícias e resultados ao longo da Copa.
Galeria visual
Álbum de momentos, telas e eventos marcantes da experiência.