Todos os projetos

PPadelExperimento · Beta

A casa de um grupo de padel.

Um app web para grupos amadores de padel: a lista da semana, o sorteio, o placar ao vivo na quadra e uma temporada que fica guardada. Desenhei e construí em sete dias com um agente de programação com IA. Um grupo de verdade usa toda semana. É gratuito, está em beta e ainda não mostrou que funciona para mais ninguém.

Papel

Design de produto e código

Prazo

7 dias · cerca de 220 commits

Plataforma

Web no celular, instalável

Stack

Next.js · Prisma · Postgres

Status

Beta · um grupo · gratuito

Modo TV num notebook: a classificação ao vivo de oito jogadores de exemplo à esquerda, a rodada da vez em duas quadras à direita e um QR code para acompanhar no celular
Toda tela desta página é o app de verdade, rodando com jogadores inventados. Nenhum grupo, nome ou resultado real aparece.

O problema

Um grupo amador de padel tocava a noite da semana numa planilha, num app genérico de sorteio e em mensagens de WhatsApp. Nada guardava a temporada.

O que desenhei

Um app web para celular que cobre a noite inteira e o que fica depois: lista, sorteio, placar na quadra, ranking, fichas, conquistas e imagens feitas para o grupo. Identidade pixel desenhada em código.

Onde está

Usado toda semana por um grupo real de umas doze pessoas. Beta gratuito, sem receita, fechado a novos grupos. O próximo teste é se grupos que não me conhecem continuam usando.

01

A noite, e o que fica

Sortear duplas é problema resolvido, e ferramentas gratuitas já fazem isso. O que um grupo volta para ver é a própria história: quem lidera a temporada, quem sempre ganha de quem, a noite em que alguém fez 6 a 0. Por isso a decisão de produto foi cobrir a noite inteira e depois guardá-la.

01A lista da semanaO organizador monta a lista, guarda até dois suplentes e manda a imagem pronta no grupo. Abriu vaga, o jogador pede com um toque.
02O sorteioAmericano, Mexicano ou Copa PP, de 8 a 12 jogadores. Com 9, 10 ou 11 a folga roda e todo mundo joga o mesmo número de jogos. Antes de sortear, ele diz quanto tempo de quadra a noite pede.
03O placar ao vivoO organizador lança os placares na quadra; o resto acompanha no celular ou na tela do clube.
04O fim da noitePódio, destaques da noite e imagens prontas para o grupo.
05A temporadaRanking por mês, ano e de sempre, recordes do grupo, a ficha de cada jogador e conquistas. É a parte que faz o grupo voltar.
O início do grupo no celular: um grupo de exemplo com o escudo e a noite que está ao vivo agora
O início do grupo responde primeiro a pergunta da semana
O ranking por vitórias do mês, com medalhas para os três primeiros
Ranking por vitórias ou pontos, por mês, ano ou de sempre
A ficha de um jogador: o jogador 8-bit com um troféu, selos de posição e os números da temporada
Uma ficha por jogador, com rivais e fase
02

Cinco decisões que deram forma

Quase todo o produto sai de algumas escolhas feitas nos primeiros dias. Cada uma abriu mão de alguma coisa.

01Um link, não uma loja de appsO grupo já vive no WhatsApp, então o PPadel é um app web que abre por um link e pode ir para a tela inicial. Ninguém instala nada para ver a tabela.Abri mão de: Notificação push e uso offline; por enquanto os avisos vão por e-mail e pelo sino.
02Alimentar o grupo, não substituirCada passo da noite termina numa imagem ou GIF no tamanho do WhatsApp, com o nome e o link. A conversa continua onde o grupo fala; o PPadel vira o assunto.Abri mão de: Cada função nova também precisa da sua imagem para o grupo.
03Uma tela por tarefa na quadraO placar é lançado em pé, com uma mão. O Modo Quadra faz só isso; uma página de torneio serve jogadores e organizadores, com uma só chave Admin.Abri mão de: As ferramentas do organizador ficam escondidas até a chave ser ligada.
04Nunca apontar o favoritoO histórico do grupo poderia ranquear todo mundo. A Tendência só diz “jogo equilibrado” ou dá um desafio à dupla mais fraca, e depois do jogo mostra só notícia boa.Abri mão de: Menos precisão na tela; os números ficam no servidor.
05Guardar partidas, derivar o restoTabelas, ranking, recordes e conquistas sempre saem das partidas, então corrigir um placar corrige tudo o que depende dele.Abri mão de: As páginas recalculam a cada visita: serve para dezenas de grupos, não para milhares.
03

Montando a noite

Criar um torneio leva três passos: quem joga, o formato e uma conferência antes do sorteio. O grupo inteiro aparece em fichas pequenas, então escolher oito pessoas são oito toques. Cada formato (Americano, Mexicano, Copa PP) explica numa linha o que muda, com o seu selo em pixel.

O mesmo passo pergunta quanto tempo de quadra está reservado e mostra quanto a noite vai durar, quantas quadras precisa e cada rodada numa faixa. Quando não cabe, sugere rodadas e um tamanho de set que cabem.

Novo torneio: jogadores, formato, tempo de quadra, sorteio
Depois, na quadra: Lançar placares
04

Feito para a quadra

O placar é lançado em pé ao lado do vidro, celular numa mão, muitas vezes com sinal fraco. O Modo Quadra é uma tela só para isso: a rodada da vez já abre sozinha, cada jogo é um card com o teclado de placar dentro, um toque por dupla e Salvar.

Ele vibra ao salvar e oferece Desfazer, recusa placar sem vencedor, passa para a próxima rodada quando uma fecha e mantém a tela acesa. O placar aparece na hora e chega ao servidor por trás; se a rede falha, a tela avisa.

Modo Quadra no celular: a rodada 5 aberta, quadra 1 com 6 e 4 marcados e um botão grande Salvar 6 × 4
Modo Quadra: dois toques e Salvar
Modo TV: o placar lançado no celular chega na tela do clube

Modo TV

Para a tela do clube ou um notebook no banco: a classificação inteira e a rodada da vez cabem sem rolar, grandes o bastante para ler da quadra, com um QR code para cada um acompanhar no próprio celular. No tablet em pé a classificação vai em cima; numa tela estreita, empilha. Quando entra um placar, quem venceu comemora e quem perdeu lamenta.

05

Tendência e Palpitômetro

Noite de grupo é metade resenha, então duas funções alimentam isso. A Tendência dá a cada jogo uma leitura pelo histórico do grupo, escrita para não diminuir ninguém: “Jogo equilibrado”, ou um desafio para a dupla com menos chance (“3+ games, vencer é Zebra”). O favorito nunca é apontado e não há porcentagem; os números ficam no servidor. Depois do jogo só aparece notícia boa: Zebra, ou “Acima da tendência” para a dupla que perdeu mas bateu o desafio.

Antes de lançar, ela foi testada contra as noites passadas do grupo: aponta em cerca de 6 de cada 10 jogos e acerta cerca de 3 em 4 desses. No Palpitômetro, cada jogador logado no grupo escolhe quem vence cada jogo, rodada a rodada, antes do 1º placar; a contagem da galera só aparece depois do seu palpite. Quem acerta mais é o Profeta da noite. Sem aposta, sem prêmio.

Palpitômetro: um toque por jogo, rodada a rodada
Uma rodada encerrada: a dupla que não era apontada para vencer leva a etiqueta Zebra, e os destaques da noite começam abaixo
Depois do jogo: a etiqueta Zebra, e os destaques da noite
Fim da noite: o Profeta, a tabela, os destaques
06

Uma identidade pixel, desenhada em código

A estética vem dos placares de fliperama: tipografia pixel, lime sobre quase preto, usado com parcimônia para que o placar continue sendo o que mais aparece. Não há arquivos de imagem por trás dos desenhos. Cada sprite é escrito como linhas de caracteres, cada letra um papel de cor, então um troféu vira ouro, prata e bronze só trocando a paleta. O kit tem 57 ícones, 6 deles animados.

O kit de ícones: troféu, medalha e louros, cada um desenhado uma vez e mostrado em ouro, prata e bronze em três tamanhos, sobre fundo escuro e claro
Um desenho, três metais, três tamanhos
Mais do kit: bola, rede, quadra, holofote, placar, alvo, raio, chama e bola de cristal
Objetos de padel e efeitos, para logos e conquistas

O seu jogador

Cada jogador monta uma versão 8-bit de si em etapas: rosto, cabelo, roupa, extras, mais altura, mão da raquete e pose. Uma semente escolhe cada camada, então o mesmo jogador é desenhado igual em todo lugar, da linha pequena do ranking ao pódio. Alguns extras se conquistam: só quem tem a conquista Zebra ganha os óculos listrados.

O jogador se redesenha a cada toque
Editor do jogador, passo Cabelo: doze cortes e cores de cabelo
Cabelo: doze cortes, qualquer cor
A carta do jogador, raridade holo: o jogador 8-bit com troféu sob holofotes, posição e quatro números
A raridade da carta segue o ranking
O verso da carta: todos os números, duplas, carrasco e últimos jogos
Toque para virar: todos os números no verso
Figurinhas: o jogador em quatro poses em PNG transparente, com o botão Baixar as 4
Figurinhas para o WhatsApp, 512 × 512

Um logo para cada noite

Cada torneio ganha um logo em pixel feito dos próprios dados: nome, grupo, data. O editor tem quatro modelos, sete formas, temas ou qualquer cor (com aviso quando o contraste fica ruim), mais de cinquenta ícones, mascotes e detalhes animados. Surpreenda-me sorteia uma combinação que funciona, e toda mudança pode ser desfeita. Uma especificação gera quadrado, story, horizontal e selo, e um GIF animado.

As conquistas são desenhadas do mesmo jeito e vêm dos resultados, nunca dadas à mão: Campeão, Invicto, On Fire!, Dupla de ouro, Embalado, Sangue frio, Zebra, Profeta e Presença.

O logo de uma noite, refeito no editor
Logo de exemplo 1 para a mesma noite: outro modelo, paleta, fundo e íconeLogo de exemplo 2 para a mesma noite: outro modelo, paleta, fundo e íconeLogo de exemplo 3 para a mesma noite: outro modelo, paleta, fundo e íconeLogo de exemplo 4 para a mesma noite: outro modelo, paleta, fundo e ícone
Mesmos dados, quatro logos

Conquistas que se mexem

As conquistas mais raras e os destaques da noite ganham um personagem próprio, animado, na ficha, na tela de conquista nova e no GIF que vai para o grupo. A Zebra e o Profeta, e as cenas do convite e do e-mail de login, são pixel art minha.

Zebra

Venceu um jogo que o histórico não apontava

Profeta

Quem mais acertou no Palpitômetro da noite

Embalado

5 ou mais vitórias seguidas

Sangue frio

70% ou mais dos jogos apertados

Invicto

Venceu todos os jogos de uma noite

Quem leva?

Chama o grupo para o Palpitômetro

07

O que se mexe

O movimento aparece onde a noite tem um momento: o pódio sobe numa quadra iluminada e o campeão ergue o troféu; na página do produto a tabela se reordena conforme entram placares inventados; o logo da noite solta faíscas e quica. Entre uma rodada e outra tem um minijogo de padel em pixel, duplas contra o computador em três níveis, com ranking entre jogadores e entre grupos. Logado, você joga com o seu próprio jogador.

O pódio, no fim de cada noite
O minijogo: um set curto contra o computador
A página do produto encena uma noite inventada
O logo animado e as poses dos jogadores
08

Feito para o grupo do WhatsApp

O grupo já vive no WhatsApp, então o PPadel alimenta a conversa em vez de competir com ela. A lista, o sorteio, o resultado, o pódio, os destaques e a carta de cada jogador saem como imagens desenhadas no navegador, num canvas, com as fontes e os jogadores do próprio app: 1080 × 1350 para o feed, 1080 × 1920 para story, ou um GIF animado.

Um botão grande muda com o aparelho: Enviar para o grupo no celular, Copiar imagem no computador. Toda imagem leva o nome e o link, que é hoje o único jeito de o PPadel chegar a gente nova.

O pódio no fim da noite: uma quadra iluminada, o campeão no bloco mais alto com um troféu
O pódio no app
O pódio como imagem para o grupo, com o logo da noite e o link
O mesmo pódio, como post
Todos os jogos e placares da noite numa imagem, rodada a rodada
Todos os jogos, para ficar registrado
A classificação final como imagem no formato story
A classificação final, em story
09

Os dados por baixo

Ranking e conquistas só funcionam se o grupo confia neles, então o modelo foi desenhado em torno de uma regra: nada que é derivado fica guardado. A classificação sai das partidas toda vez, então corrigir um placar corrige toda tabela, ranking, recorde e ficha que dependem dele. As conquistas são calculadas dos resultados para o grupo inteiro de uma vez, porque algumas dependem de todos (a dupla de ouro).

O mesmo desempate de antes

Vitórias, depois saldo, como o grupo já contava. O histórico desde meados de setembro entrou recontado jogo a jogo, e cada noite tinha que bater com a tabela do app antigo.

Pessoas separadas dos grupos

Um membro é uma pessoa; a associação dá a ela um papel num grupo: dono, organizador ou jogador. O modelo já é multi-grupo, mesmo com um grupo só usando.

Sorteio justo em qualquer tamanho

Super 8 e 12 usam rotações fixas em que todo mundo joga com todo mundo uma vez. Com 9 a 11 jogadores a folga roda; no Mexicano só a 1ª rodada é sorteada e as próximas saem da tabela.

Ao vivo sem socket

Quem acompanha consulta só uma pequena etiqueta de versão, não a página; a página recarrega só quando um placar muda de fato.

Gráficos das mesmas partidas

Cada ficha lê a temporada a partir das partidas: fase, colocação por noite, posição ao longo do tempo, games por jogo, jogos apertados, vitórias por rodada, duplas, o Carrasco e o Freguês. O grupo tem os seus próprios números. Cada número tem um “i” que diz o que conta.

A temporada de um jogador: quatro números com ícones, os últimos dez jogos, a colocação por torneio e a linha de posição ao longo do tempo
Temporada, fase e posição ao longo do tempo
Os números de um jogador: games por jogo, aproveitamento nos apertados, acertos no Palpitômetro, vitórias por rodada e a maior vitória
Números, dos jogos apertados às vitórias por rodada
Rivais e conquistas: melhores duplas, barras de química de dupla, carrasco, freguês e as conquistas ganhas e por ganhar
Rivais, química de dupla e conquistas
O grupo em números: quantos jogadores têm cada conquista na temporada, e a mais rara
As conquistas do grupo na temporada
10

Sete dias com um agente de IA

Tomei as decisões de produto, desenhei as telas e o sistema pixel e dirigi a construção. O Claude Code, um agente de programação com IA, escreveu o código comigo: quase todos os cerca de 220 commits entre 4 e 10 de novembro de 2026 são coassinados com ele, cerca de 32 mil linhas no total. Cada decisão fica escrita num comentário ao lado do código, e um script de verificação de 674 linhas cobre sorteios, folgas, Mexicano, substituições, logins e sessões.

4 novDia 1Primeira versão: Super 8 e Super 12, placar ao vivo, ranking, jogadores 8-bit e um pódio animado.
5 novDia 2O histórico do grupo importado e recontado jogo a jogo; recordes e conquistas; imagens para o grupo; contas por convite; o editor do jogador.
6 novDia 3Mexicano; um logo em pixel para cada noite; a lista aberta; o início de 650 KB para 260 KB.
7 novDia 4Tendência e Palpitômetro; editar o torneio sem trocar o link; cards em GIF animado.
8 novDia 5Formas, mascotes e movimento no logo; a carta do jogador; figurinhas; Modo Quadra para uma mão; Modo TV que cabe em qualquer tela.
9 novDia 6Copa PP e tempo de quadra; e-mails e o sino de avisos; números do jogador, da noite e do grupo.
10 novDia 7Jogadores e pódio redesenhados, 21 ícones novos, o escudo do grupo; uma página de produto, consentimento de cookies e um aviso de privacidade.

As novidades dentro do app listam cada mudança por data, para os próprios jogadores.

11

O que ainda não está provado

O PPadel funciona para um grupo: umas doze pessoas que me conhecem. Ninguém fora desse círculo organizou uma noite sozinho com ele. Só eu crio grupos, não há cobrança nem receita, e ele é gratuito durante o beta. Sortear duplas, ferramentas gratuitas já fazem; se um grupo pagaria pela própria história e pela própria cara ainda é um palpite.

Antes de seguir, pedi uma auditoria completa do produto, do código e do mercado. O veredito: oportunidade promissora, ainda não comprovada. O próximo passo não é código. É entregar o link a três a cinco grupos que não me conhecem e ver se eles continuam usando sem ajuda.

O que aprendi

  • A velocidade mudou o gargalo. Com um agente de IA, várias funções saíam no mesmo dia, então construir deixou de ser a parte difícil. Saber de quais delas um segundo grupo precisaria virou a parte difícil.
  • Amplitude antes de prova tem custo. O editor de logo, o minijogo e as figurinhas deixam as noites mais ricas, mas a auditoria apontou isso como superfície para manter antes de um segundo grupo aparecer.
  • Desenhar para um grupo real é um briefing forte. Cada noite da semana pôs cada mudança na frente de quem usa. É também por isso que o produto ainda fala a língua desse grupo, e os próximos grupos vão notar.

Em uso

Um grupo de umas doze pessoas, nas noites de cada semana

Aberto a outros

Ainda não: um grupo novo começa com uma mensagem para mim

Antes de cobrar

Migrações de banco, política de privacidade completa e termos, cadastro aberto

Hoje tudo num grupo é público por padrão, e ainda não há opção de privacidade por jogador; isso também está na lista. Os nomes de exemplo desta página vêm da página de produto do PPadel; nomes, rostos e resultados do grupo real ficam de fora.

Mostrando em português