01
Sites e páginas
Presença que carrega rápido, funciona no celular e leva a pessoa a falar com você.
- Sites institucionais com identidade própria
- Landing pages para campanha e venda
- Busca, filtros e catálogo
Front-end · Sistemas · IA · Tráfego
Eu construo o sistema que o seu negócio usa todo dia.
Não é site de vitrine. São produtos que rodam a operação: agenda que não deixa dois clientes no mesmo horário, caixa que fecha o dia, CRM que mostra o próximo passo e agente de IA que atende no WhatsApp e chama uma pessoa quando precisa. Do banco de dados ao deploy, eu faço sozinho.
O que a CYPK faz
Estratégia, design e tecnologia para simplificar a sua operação.
Cada frente abaixo já virou produto no ar. O que muda de projeto para projeto é o tamanho, não o cuidado.
02
Sistemas sob medida
O painel que a sua equipe abre de manhã e usa até fechar.
- Agenda, pedidos, estoque e caixa
- Permissão por cargo, checada no servidor
- Relatório que vira decisão, não planilha
03
Atendimento com IA
Um agente que responde no WhatsApp com a informação da sua empresa, sem inventar preço.
- Responde só o que está na sua base
- Transcreve áudio do cliente
- Chama a equipe e para de responder
04
CRM e vendas
Cada contato com dono, histórico e próximo passo. Nada morre no caderno.
- Funil visual de oportunidades
- Link rastreável por vendedor
- Comissão calculada e aprovada
05
Produtos digitais
Da ideia ao MVP que você pode pôr na mão de um cliente de verdade nesta semana.
- Escopo enxuto, entrega em fases
- Multiempresa desde o primeiro dia
- Deploy em Docker, com banco e backup
06
Tráfego e medição
Campanha ligada ao sistema: você vê de onde veio o cliente que pagou.
- Gestão de tráfego pago
- QR Code e link por origem
- Funil medido do clique à venda
Portfólio · obra própria
Sete sistemas, construídos por mim, do schema ao deploy.
Todas as telas desta seção são capturas dos sistemas rodando de verdade, com dados de demonstração. Clique em qualquer imagem para ver no tamanho real.
01
Agenda de Unha Em produção Produto próprio
O sistema operacional de um negócio de beleza. Agenda, clientes, financeiro e um agente de IA que atende no WhatsApp, tudo na mesma base. Multiempresa, com painel da plataforma e cobrança por plano.
O que ele resolve
- Agenda que não deixa dois atendimentos no mesmo horário, garantido por restrição no banco e não só na tela
- Link público de agendamento que a cliente usa sozinha, direto do story
- Inbox de WhatsApp com a ficha da cliente do lado e o áudio dela já em texto
- Financeiro que fecha o mês: receita por serviço, comissão por profissional, contas a pagar
- Agente de IA que consulta a agenda de verdade por ferramentas e transfere quando não sabe
- Painel da plataforma: contas, planos, pagamentos e visão de todas as clínicas
Stack
Next.js 16React 19TypeScriptPostgreSQLDrizzleTailwind v4Redis · BullMQClaude · OpenAIDocker
02
Atendente de IA para WhatsApp Novo
Um agente que atende os clientes da empresa no WhatsApp usando só o que você escreveu sobre o seu negócio, e que passa a conversa para uma pessoa no momento certo. Configurado em arquivos, sem mexer em código.
O que ele resolve
- Responde só com a base de conhecimento da empresa. Não inventa preço nem política
- Junta os recados seguidos do cliente e responde uma vez, como uma pessoa faria
- Transcreve o áudio, porque metade dos clientes fala em vez de escrever
- Chama a equipe e para de responder naquela conversa até alguém assumir
- Se você responde pelo celular, ele se cala sozinho e não atropela
- API oficial da Meta ou número próprio por QR Code
Stack
Node 24TypeScriptHonoSQLiteClaudeGeminiOpenAIWhatsApp Cloud API
03
Sistema para Cafeteria Projeto entregue
Do pedido na mesa ao fechamento do caixa. Comanda, cozinha em tempo real, pagamento misto, estoque com alerta e impressão térmica de verdade na cozinha.
O que ele resolve
- Abre a comanda na mesa, manda para a cozinha e o preparo aparece na hora no painel dela
- Caixa com pagamento misto, sangria, suprimento e fechamento do dia
- Estoque que avisa antes de faltar o café em grãos
- Impressão térmica real por fila e agente local, o mesmo caminho que um PDV profissional usa
- Dois níveis de acesso conferidos em três camadas: menu, página e API
- Relatório por atendente, categoria e produto, com exportação
Stack
Next.js 16TypeScriptPrismaSQLite · PostgreSQLServer-Sent EventsESC/POSshadcn/ui
04
Central de Campanha Case completo
Landing de campanha que se chega por QR Code, com painel para medir cada origem. Feito com as regras de consentimento e período eleitoral dentro do produto, não só no texto.
O que ele resolve
- Um QR Code para cada lugar: adesivo, outdoor, panfleto, bio do Instagram, e cada um com número próprio
- Funil de verdade: scan do QR, visita, interação e cadastro, etapa por etapa
- Editor da própria landing, com cores e seções, e prévia no celular
- Consentimento versionado com trilha que não pode ser reescrita
- Disparo bloqueado para quem não deu consentimento, e no período eleitoral
- Exportação dos contatos em CSV
Stack
Next.js 16TypeScriptPostgreSQL · SupabaseRechartsWhatsApp Cloud APIZod
05
Central de Afiliados Em produção
Portal para quem revende. O vendedor entra, pega o link dele, acompanha os próprios leads num CRM e vê a comissão a receber. O admin vê o ranking de todos.
O que ele resolve
- Link curto por vendedor que registra o clique e leva a pessoa ao produto
- Ranking de cliques, leads e vendas, para a equipe se comparar
- CRM isolado: cada vendedor vê só a carteira dele
- Comissão lançada pelo vendedor e aprovada pelo admin, com histórico
- Dois logins separados, com regras diferentes de sessão
Stack
Next.js 16TypeScriptDrizzlePostgreSQLTailwind v4Docker · Coolify
06
Veliora Produto próprio
Agendamento para qualquer negócio de hora marcada: barbearia, clínica, estética, personal trainer. Mesma engenharia do Agenda de Unha, sem ficar preso a um segmento.
O que ele resolve
- Anti-choque de horário em três camadas, com restrição de exclusão no próprio PostgreSQL
- Uma conta, várias unidades e profissionais, com horário de trabalho por pessoa
- Página pública por endereço próprio do negócio
- Financeiro com comissão e despesa
- Integração oficial de WhatsApp como opção, nunca obrigatória
Stack
Next.js 16TypeScriptPostgreSQLDrizzleTailwind v4Vitest · Playwright
07
Site de Imobiliária Projeto entregue
Site do corretor com busca de verdade e um painel onde ele mesmo publica os imóveis, sem depender de ninguém para trocar uma foto.
O que ele resolve
- Busca por finalidade, tipo, cidade, preço, dormitórios e palavra-chave
- Página do imóvel com galeria e contato direto no WhatsApp, já com o imóvel na mensagem
- Painel com upload de fotos, destaque na home e exclusão
- Sem configuração de infraestrutura: o banco é um arquivo e sobe em qualquer lugar
Stack
Next.js 16TypeScriptSQLiteTailwindUpload de mídia
As telas acima são dos sistemas em funcionamento, com dados de demonstração criados para a apresentação: nenhum dado de cliente real aparece aqui. Agenda de Unha e Central de Afiliados estão no ar em produção; os outros rodam completos e prontos para publicar.
Da ideia ao produto
Três etapas, e você vê a tela funcionando antes do fim.
A sequência abaixo é a ordem real do trabalho. Cada etapa termina com algo que você pode abrir e usar.
Etapa 01
Entender o problema certo
Antes de desenhar, eu acompanho como a sua equipe trabalha hoje. Quase sempre o pedido inicial não é o gargalo. Sai daqui um escopo escrito, com o que fica fora e por quê.
Etapa 02
Desenhar a experiência simples
Menos telas, menos cliques, nada de configuração que o sistema pode descobrir sozinho. Você aprova o desenho vendo a interface, não um documento.
Etapa 03
Construir e colocar no ar
Entrego em fases, com teste automatizado nas regras que não podem falhar. Publico em servidor com banco, backup e domínio, e deixo documentado como mexer.
Como eu construo
Um time de uma pessoa que cobre a pilha inteira.
Front-end é onde eu começo, mas o projeto não para nele. Banco, servidor, integração e campanha estão no mesmo par de mãos, e isso corta o tempo de ida e volta.
Front-end
HTMLCSSJavaScriptTypeScriptReact 19Next.jsTailwindAcessibilidadeResponsivo
Interface que funciona no celular do cliente e no computador da recepção, com foco visível, contraste e carregamento rápido.
Back-end e dados
Node.jsSQLPostgreSQLSQLiteDrizzlePrismaPythonZodMigrations
A regra que não pode falhar mora no banco, não só na tela. É o que faz a agenda nunca aceitar dois clientes no mesmo horário.
IA e integrações
ClaudeGeminiOpenAITool callingWhatsApp Cloud APIWebhooksTranscrição
Agente que consulta o seu sistema por ferramentas antes de responder, com limite de gasto e passagem para humano.
Infra e qualidade
DockerCoolifyLinux · VPSGitVitestPlaywrightCI
Deploy com container, banco separado por projeto e teste que dirige a interface de verdade antes de eu chamar de pronto.
Tráfego e medição
Gestão de tráfegoMeta AdsGoogle AdsQR Code por origemFunilSEO técnico
Campanha e sistema conversando: você enxerga qual anúncio trouxe o cliente que realmente pagou.
Como eu entrego
Escopo escritoFasesDocumentaçãoCódigo comentadoSem dependência
O código fica seu, comentado e documentado. Você não fica preso a mim para trocar um preço ou um texto.
Próximo passo
Vamos construir a sua próxima solução?
Me conte em duas linhas o que trava a sua operação hoje. Eu respondo com o que dá para resolver, em quanto tempo e por quanto. Se não for a minha praia, eu digo isso também.
O que eu preciso saber
- Qual tarefa consome mais tempo da sua equipe hoje
- Quantas pessoas vão usar o sistema
- O que você já usa e não quer perder
- Se tem prazo para alguma data
Com essas quatro respostas eu já consigo dizer o tamanho do projeto sem reunião.