CASE 01 · ARENA EUREKA

Por dentro do sistema, em capturas de tela

O acesso à Arena Eureka exige login de participante, então este case mostra o produto por dentro através de capturas de tela reais da aplicação em uso durante o Mundial 2026.

Categoria

Web App · Sistema completo

Stack

Flask · PostgreSQL

Papel

Design + direção da construção, sozinha

Processo

Claude Code, do zero

Sobre a pontuação: o sistema usa um critério de quatro níveis: 10 pontos para placar exato, 7 pontos para vencedor certo com o número de gols certo de um dos lados, 5 pontos para vencedor certo, e 2 pontos quando só o número de gols de um dos lados bate. A pontuação é calculada automaticamente com base no resultado real de cada jogo.
Python / FlaskPostgreSQLBabel (i18n)AutenticaçãoSistema de pontuação automáticaRanking em tempo realFórum (Arena Talks)

TOUR PELO PRODUTO

Da entrada ao ranking, tela por tela

Login: Arena Eureka

Login

Tela de entrada, com a marca Arena Eureka e a identidade visual do Mundial 2026. Suporte a três idiomas: português europeu, português do Brasil e inglês.

Perfil do participante: Arena Eureka

Perfil do participante

Cada usuário acompanha seus próprios números: pontos totais, quantos placares exatos acertou, quantos vencedores acertou sem cravar o placar, posição no ranking geral e percentual de aproveitamento.

Ranking geral (widget da home): Arena Eureka

Ranking geral (widget da home)

Prévia do top 5 do ranking na página inicial, com atalho para o ranking completo e para os próximos jogos a palpitar.

Meus palpites: Arena Eureka

Meus palpites

Painel com o total de jogos disponíveis (104, cobrindo toda a fase de grupos até a final), pontos acumulados e quantos palpites ainda estão em aberto. Navegação por fase do torneio.

Palpites por jogo: Arena Eureka

Palpites por jogo

Cada jogo mostra o palpite do usuário lado a lado com o resultado real, o critério de pontuação que foi batido e os pontos ganhos naquela partida.

Ranking geral completo: Arena Eureka

Ranking geral completo

Lista completa de participantes, com posição, nome, cidade/unidade Eureka e pontuação. No momento da captura, 101 pessoas participavam.

Arena Talks: Arena Eureka

Arena Talks

Área de fórum para os participantes comentarem sobre os jogos e o andamento do Mundial, com posts do administrador e da comunidade.

Regras & Prêmios: Arena Eureka

Regras & Prêmios

Página com a lógica de pontuação documentada: 10 pontos por placar exato, 7 por vencedor certo mais o número de gols de um dos lados, 5 por vencedor certo, 2 por acertar só os gols de um dos lados, e 0 quando nada é acertado.

RESPONSIVIDADE

A mesma experiência, adaptada pro mobile

O Arena Eureka foi usado majoritariamente no celular durante o Mundial 2026. Abaixo, o mesmo fluxo (palpites, ranking, Arena Talks) na versão mobile, mostrando como os cards e listas se reorganizam sem perder função.

Arena Talks: comentários e moderação: Arena Eureka mobile

Arena Talks: comentários e moderação

No mobile, cada comentário mantém o botão de moderação, a bandeira do país e o carimbo de data/hora empilhados de forma legível, sem perder nenhuma função da versão desktop.

Arena Talks: publicar opinião: Arena Eureka mobile

Arena Talks: publicar opinião

O campo de texto e o botão de publicar se adaptam à largura da tela, com o menu do site colapsado em ícone de hambúrguer no canto superior direito.

Meus palpites: cards empilhados: Arena Eureka mobile

Meus palpites: cards empilhados

Os três indicadores (jogos, pontos, palpites em aberto), que no desktop ficam lado a lado, passam a se empilhar verticalmente no mobile, mantendo a leitura clara em uma coluna só.

Palpites por jogo: mobile: Arena Eureka mobile

Palpites por jogo: mobile

Cada partida ocupa a largura total da tela, com bandeiras, palpite e resultado final organizados verticalmente para facilitar a leitura em telas pequenas.

Ranking geral (prévia): mobile: Arena Eureka mobile

Ranking geral (prévia): mobile

O widget de ranking na home mantém o top 5, o botão de ranking completo e os cards de próximos jogos, todos redistribuídos em coluna única.

Ranking geral completo: lista mobile: Arena Eureka mobile

Ranking geral completo: lista mobile

A lista completa de participantes rola verticalmente, com posição, nome, país/cidade e pontuação sempre visíveis na mesma linha, mesmo em telas estreitas.

Ranking geral completo: cabeçalho mobile: Arena Eureka mobile

Ranking geral completo: cabeçalho mobile

As abas Geral/País/Unidade e os cards de participantes/líder atual se ajustam para não quebrar o layout, mesmo com nomes mais longos como "Bruno Alves santos".