Sites com painel e pagamentoSites e sistemas · design e códigoleitura de 7 min
O pagamento dentro do site, e o pedido pago já no painel.
Três negócios pequenos de Campinas que passaram a vender e a se organizar pelo próprio site, com o pagamento dentro dele
- Cliente
- Lara Cozinha, Candieiro e Quebra Coco
- Período
- Abril a outubro de 2026
- Papel
- Design, código e lançamento
- Escopo
- 3 sites no ar com painel
- 2
- pagamentos integrados ao site, por Pix ou cartão: o bolo da Lara Cozinha e a consulta do Candieiro.
- 3
- sites no ar, cada um com o painel de quem toca o lugar, do desenho ao lançamento.
- 5
- aplicativos ligados no Candieiro: site, painel, área do membro, caixa da lojinha e financeiro.
- 56
- pessoas no cadastro da casa, 31 delas sem e-mail, por isso a área do membro abre com quatro números.
00 Arquivo
| Sites | Lara Cozinha (laracozinha.com.br) · Terreiro do Candieiro (terreirodocandieiro.com.br) · Quebra Coco (grupoquebracoco.com.br) |
| Produto | três sites públicos, cada um com o painel de quem toca o lugar. Dois deles cobram dentro do site |
| Papel | design, código e lançamento, sozinho. O código saiu comigo e o Claude Code |
| Escopo | 3 sites no ar, 2 pagamentos integrados, 5 aplicativos no Candieiro e os painéis de cada um |
| Validação | com quem usa: a dona da confeitaria, a coordenação da casa e o grupo |
| Plataforma | web, celular primeiro |
| Ferramentas | Figma, Astro, Cloudflare, Firebase, InfinitePay, Claude Code |
| Período | abril a outubro de 2026 |
01 Resumo
Problema. Os três dependiam de conversa. A confeitaria usava um cardápio de terceiros e fechava o pedido no WhatsApp. A casa marcava consulta por mensagem e conferia o pagamento no extrato. O grupo precisava atualizar a própria agenda sem depender de ninguém.
Papel. Desenhei e escrevi os três sites e os painéis, e coloquei no ar. O código saiu comigo e o Claude Code, revisado por mim antes de cada publicação.
A decisão. O pagamento entra no site, antes da conversa. A pessoa monta, paga por Pix ou cartão, e só aí o WhatsApp abre, com o resumo do pedido escrito.
Resultado. Os 3 sites estão no ar. A Lara Cozinha e o Candieiro cobram pelo site, e o pedido pago cai sozinho no painel.
Estado. No ar e em uso. Não tenho número de venda antes e depois: o que eu meço aqui é o que o sistema garante, não o faturamento de quem vende.
02 Contexto
São três negócios de Barão Geraldo, em Campinas. A Lara Cozinha é uma confeitaria de bolo sob encomenda. O Terreiro do Candieiro é uma casa religiosa com 56 pessoas no cadastro, consultas pagas, uma lojinha e contas para fechar todo mês. O Quebra Coco é um grupo de coco de roda, a dança de roda do Nordeste, que precisava de agenda, fotos e imprensa num lugar que ele mesmo atualiza.
No trabalho de produto eu desenho sobre um design system que já existe. Aqui não havia nada: cada site tem a cara do próprio negócio, e quem mantém é quem vende, não uma equipe.
03 Restrição
Ninguém ali programa. A dona da confeitaria troca preço e foto sozinha, e a coordenação da casa monta a agenda sozinha. Todo painel tinha que se explicar sem manual.
Custo mensal zero. A loja da Lara Cozinha roda em planos gratuitos da Cloudflare. A única conta é o domínio, cerca de R$ 40 por ano. O único serviço que poderia virar fatura sozinho, o de fotos, ganhou uma trava que corta a foto antes de cobrar.
A InfinitePay não assina o aviso de pagamento. Quem descobrir o endereço pode postar "paguei". O sistema tinha que conferir o pagamento por conta própria.
31 das 56 pessoas da casa não têm e-mail. Login por código no e-mail não serviria para a maioria.
04 O problema em número
O cardápio da Lara Cozinha era uma planilha de 216 linhas, com o mesmo recheio repetido cinco vezes a cinco preços.
No Candieiro, a mensalidade de 48 pessoas pagantes era conferida no extrato, uma a uma.
05 Decisões
D1 · O pagamento vem antes da conversa
Na Lara Cozinha a busca começa pela ocasião: aniversário, chá revelação, sem lactose. A pessoa monta o bolo, vê o total mudar a cada escolha e paga por Pix ou cartão pela InfinitePay. A decoração, o tema e a frase do parabéns se combinam no WhatsApp depois do pagamento.
Por quê: o pedido que só existe na conversa não tem preço fechado nem data garantida. Com o pagamento no site, a conversa começa com o pedido decidido.
Abri mão de: escolher a decoração pelo site. Tema, referência e frase ficam fora do formulário, e por isso a promessa precisa aparecer antes do pedido, não depois.
A faixa "a decoração a gente combina no WhatsApp" fica no topo da home, antes de qualquer vitrine. Quem montava achava que o bolo sairia exatamente do que clicou, e descobria o resto depois de pagar.
D2 · Quem diz que pagou é o servidor
O aviso da InfinitePay só serve de gatilho. Quem decide é uma consulta que o servidor faz à InfinitePay, com o número do pedido. Se o valor pago não bate com o total gravado antes do link existir, o pedido não vira pago.
Por quê: sem assinatura no aviso, confiar nele era entregar bolo de graça a quem soubesse o endereço.
Medido: testei com um aviso forjado. O pedido continuou aguardando pagamento.
Voltar no navegador não cria um segundo pedido. O carrinho reabre em "aguardando pagamento", com o mesmo link e um botão de cancelar.
O painel separa o que é novo, o que sai hoje e o que está sem pagar, e quem muda a lista é o relógio, não uma caixa que alguém esquece de marcar. Quando um pedido paga, o celular da dona recebe um aviso.
D3 · O horário fica guardado enquanto a pessoa paga
No Candieiro a consulta é paga na hora de marcar. A pessoa escolhe o dia e o horário, diz quem vem, e o horário fica reservado enquanto ela paga. O valor quem calcula é o servidor, lendo o preço do serviço, e a tela só mostra o que vai ser cobrado.
Por quê: antes a consulta era marcada por mensagem e o pagamento conferido no extrato. Pagar na hora fecha a vaga e confirma o pagamento sem ninguém abrir o extrato.
Abri mão de: uma tela única de Pix. Se o serviço de pagamento cair, a chave Pix volta a aparecer. O pagamento nunca vira beco sem saída.
O mesmo pagamento serve três coisas na casa: consulta, produto e inscrição em evento.
D4 · Nada sai sozinho para quem paga mensalidade
O lembrete de mensalidade não dispara sozinho. Às 9h o sistema avisa a coordenação de quantas vencem amanhã. A lista vem pronta, com valor e vencimento calculados, e alguém da casa confere e manda. Conta fixa é igual: o sistema avisa que vence, e quem diz que pagou é uma pessoa.
Por quê: cobrança errada para alguém da casa custa mais que o atraso. A máquina faz a conta e a pessoa assina embaixo.
Abri mão de: cobrança automática. Sobra um passo humano por mês, e ninguém recebe cobrança de um mês que já pagou.
D5 · Quatro números no lugar da senha
A área de cada membro, no celular, abre com um código de quatro números. O telefone só serve na primeira vez. Quem esquece troca o código provando o celular completo do cadastro, e a coordenação recebe o aviso da troca.
Por quê: 31 das 56 pessoas não têm e-mail, e a casa não tem SMS. Login por código no e-mail deixaria mais da metade de fora.
06 Craft
O Candieiro são cinco aplicativos ligados entre si: o site com a marcação paga, o painel da coordenação, a área do membro no celular com aviso no aparelho, o caixa da lojinha em vendas.terreirodocandieiro.com.br, e o financeiro. Agenda, cadastro, escalas, contas fixas e tarefas moram no painel.
Na Lara Cozinha, as 216 linhas da planilha viraram 135 itens e 220 preços. Cada item existe uma vez, e o mesmo morango pode ser recheio num bolo e adicional em outro. Uma regra entre grupos cobre os 44 recheios de uma vez: o bolo vegano só aceita recheio vegano.
O alergênico tem três estados, e não dois. Sem confirmação, o site nunca diz "sem lactose". Só a dona pode afirmar, porque é ela quem sabe a receita.
07 Resultado
Três sites no ar: laracozinha.com.br, terreirodocandieiro.com.br e grupoquebracoco.com.br. Dois deles cobram por Pix ou cartão dentro do site, e o pedido pago chega ao painel sem ninguém digitar nada.
A loja da Lara Cozinha roda com custo mensal zero, fora o domínio. O Candieiro tem 56 pessoas no cadastro e cinco aplicativos ligados. Os cinco repositórios somam 487 commits entre abril e outubro de 2026.
Não tenho número de venda. Quem vende é a dona e a casa, e eu não medi antes e depois.
08 O que eu faria diferente
Eu teria feito o login uma vez só, para os cinco aplicativos do Candieiro. Cada um resolveu o seu, e em julho dois deles guardavam senha no próprio código da página. Corrigi os dois em 30 de julho, mas a causa era não ter uma camada comum.
E teria juntado o estoque antes de crescer. A despensa da casa ficou em dois lugares, cada um num aplicativo, e nada avisa quando os dois números divergem.