Projetos
Aplicativo web

Cupcaky: finanças pessoais que mostram para onde o dinheiro vai

Um app de finanças pessoais criado pela Kayven. O usuário acompanha receitas e despesas, vê quanto sai da conta e para onde vai, e define metas para o mês.

Cupcaky: finanças pessoais que mostram para onde o dinheiro vai — imagem 1 de 5
1 / 5

O desafio

Quase todo mundo sabe quanto ganha. Pouca gente sabe dizer, no fim do mês, para onde o dinheiro foi. Os gastos ficam espalhados entre extrato do banco, fatura do cartão e contas que se repetem, e a planilha que resolveria isso costuma ser abandonada na segunda semana.

O Cupcaky nasceu para responder três perguntas sem esforço: quanto entrou, quanto saiu e para onde foi. A meta era um app que a pessoa abre, entende em poucos segundos e fecha, sem precisar aprender contabilidade.

A solução

O Cupcaky é um app de finanças pessoais que reúne receitas, despesas e contas em um painel só. Logo na entrada, o usuário vê o saldo do período e o que compõe esse número.

Painel principal: o mês inteiro em uma tela

As partes principais:

  • Resumo do período: receitas, despesas e saldo líquido, com filtro por mês, 3 meses, 6 meses, 1 ano ou todo o histórico.
  • Para onde vai o dinheiro: os gastos são agrupados por categoria, como moradia e compras, com o peso de cada uma no total.
  • Transações e recorrentes: cada lançamento fica registrado, e as contas que se repetem todo mês são cadastradas uma única vez.
  • Próximos pagamentos: o que vence nos próximos 30 dias aparece antes de virar atraso.
  • Metas: o usuário define quanto quer gastar ou guardar e acompanha o quanto falta.
  • Privacidade: um toque oculta todos os valores da tela, para abrir o app em público sem expor o saldo.

No celular

Controle financeiro acontece no momento do gasto, e esse momento quase sempre é no celular. Por isso a versão mobile não é uma redução do painel: as mesmas informações foram reorganizadas em uma coluna, com as ações rápidas ao alcance do polegar.

Resumo do mês
Transações e categorias

Como foi feito

O Cupcaky é um produto da própria Kayven, e seguimos nele o mesmo processo que usamos com clientes.

  1. Diagnóstico: mapeamos o que as pessoas realmente consultam sobre o próprio dinheiro e cortamos o resto. O painel abre com três números, e não com vinte gráficos.
  2. Protótipo: validamos o fluxo de lançar uma transação até ele caber em poucos toques, porque é a ação que o usuário mais repete.
  3. Produção: construímos web e mobile a partir da mesma base de código, para que as duas versões evoluam juntas.

Stack e decisões técnicas

  • TypeScript de ponta a ponta. Em um app financeiro, um valor no formato errado é um bug grave. A tipagem pega esse tipo de erro antes de ele chegar ao usuário.
  • React com componentes compartilhados. Os mesmos cartões, listas e gráficos atendem o computador e o celular, o que mantém as duas experiências consistentes.
  • RAG sobre os dados do usuário. A camada de IA busca as transações e categorias relevantes da própria pessoa antes de responder. Assim, uma pergunta como "quanto gastei com mercado este mês?" é respondida com os números reais da conta, e não com uma estimativa genérica.
  • Login com e-mail ou Google. Entrar precisa ser rápido, e ninguém quer criar mais uma senha para ver o próprio saldo.
Acesso por e-mail e senha ou conta Google

Próximos passos

O Cupcaky segue em evolução. Os módulos de planejamento, investimentos e educação financeira já têm lugar reservado no produto e entram nas próximas versões.

Quer um projeto assim na sua empresa?

Agende um diagnóstico e conte o que você precisa construir.