Contas a Pagar

App de finanças para quem tem pouco tempo e divide as contas da casa: gastos em 3 toques, lembretes e agregados.

(Cliente)

Projeto autoral · Mentoria UX

(Ano)

2026

(Serviços)

UX/UI, Pesquisa, Design System, App Mobile

Telas do app em celulares

App

Finanças

Projetamos o Contas a Pagar, um app Android de controle financeiro para pessoas com pouco tempo. O diferencial são os agregados: quem mora junto se conecta por convite, divide as contas da casa e vê quem já pagou o quê.

O desafio

58,4% das famílias brasileiras dizem que as finanças afetam a vida familiar. A Bruna, nossa persona, trabalha muito, tem pouco tempo e controla o dinheiro entre o app do banco e um caderninho. Ela precisava registrar gastos em segundos, lembrar das contas antes do vencimento e dividir as despesas com quem mora com ela.

O diferencial: agregados

Na pesquisa, 16 de 18 pessoas dividem contas ou recebem ajuda de custo. Mesmo assim, nenhum app do benchmark tratava as finanças da casa como algo compartilhado. Criamos os agregados: a pessoa convida quem mora com ela por email, as contas de luz, internet e mercado são divididas automaticamente e cada um vê quanto deve e quem já pagou, sem cobrança constrangedora. As entradas conjuntas mostram o orçamento da casa, não só o individual.

A solução

Um app Android com 4 abas e um botão central para registrar gastos em 3 toques, com teclado numérico próprio. A Home reúne saldo, contas da semana com ação direta de pagar e os últimos gastos. As ações principais ficam no terço inferior da tela, seguindo a regra do polegar para uso com uma mão no transporte.

Processo e entregas

Desk research, entrevistas, pesquisa quantitativa, matriz CSD, personas, mapa de jornada, benchmark, card sorting, fluxos e UX writing no FigJam. No Figma, 24 telas em wireframe e alta fidelidade, protótipo navegável com 4 fluxos e um design system com variables, tokens semânticos, 13 estilos de texto e 21 componentes com estados e micro-interações. A acessibilidade segue o WCAG 2.2 AA: contraste mínimo de 4,5:1, alvos de toque de 48 dp, foco visível e informação que não depende só de cor.

Contas a Pagar

App de finanças para quem tem pouco tempo e divide as contas da casa: gastos em 3 toques, lembretes e agregados.

(Cliente)

Projeto autoral · Mentoria UX

(Ano)

2026

(Serviços)

UX/UI, Pesquisa, Design System, App Mobile

App

Finanças

Projetamos o Contas a Pagar, um app Android de controle financeiro para pessoas com pouco tempo. O diferencial são os agregados: quem mora junto se conecta por convite, divide as contas da casa e vê quem já pagou o quê.

O desafio

58,4% das famílias brasileiras dizem que as finanças afetam a vida familiar. A Bruna, nossa persona, trabalha muito, tem pouco tempo e controla o dinheiro entre o app do banco e um caderninho. Ela precisava registrar gastos em segundos, lembrar das contas antes do vencimento e dividir as despesas com quem mora com ela.

O diferencial: agregados

Na pesquisa, 16 de 18 pessoas dividem contas ou recebem ajuda de custo. Mesmo assim, nenhum app do benchmark tratava as finanças da casa como algo compartilhado. Criamos os agregados: a pessoa convida quem mora com ela por email, as contas de luz, internet e mercado são divididas automaticamente e cada um vê quanto deve e quem já pagou, sem cobrança constrangedora. As entradas conjuntas mostram o orçamento da casa, não só o individual.

A solução

Um app Android com 4 abas e um botão central para registrar gastos em 3 toques, com teclado numérico próprio. A Home reúne saldo, contas da semana com ação direta de pagar e os últimos gastos. As ações principais ficam no terço inferior da tela, seguindo a regra do polegar para uso com uma mão no transporte.

Processo e entregas

Desk research, entrevistas, pesquisa quantitativa, matriz CSD, personas, mapa de jornada, benchmark, card sorting, fluxos e UX writing no FigJam. No Figma, 24 telas em wireframe e alta fidelidade, protótipo navegável com 4 fluxos e um design system com variables, tokens semânticos, 13 estilos de texto e 21 componentes com estados e micro-interações. A acessibilidade segue o WCAG 2.2 AA: contraste mínimo de 4,5:1, alvos de toque de 48 dp, foco visível e informação que não depende só de cor.

Contas a Pagar

App de finanças para quem tem pouco tempo e divide as contas da casa: gastos em 3 toques, lembretes e agregados.

(Cliente)

Projeto autoral · Mentoria UX

(Ano)

2026

(Serviços)

UX/UI, Pesquisa, Design System, App Mobile

App

Finanças

Projetamos o Contas a Pagar, um app Android de controle financeiro para pessoas com pouco tempo. O diferencial são os agregados: quem mora junto se conecta por convite, divide as contas da casa e vê quem já pagou o quê.

O desafio

58,4% das famílias brasileiras dizem que as finanças afetam a vida familiar. A Bruna, nossa persona, trabalha muito, tem pouco tempo e controla o dinheiro entre o app do banco e um caderninho. Ela precisava registrar gastos em segundos, lembrar das contas antes do vencimento e dividir as despesas com quem mora com ela.

O diferencial: agregados

Na pesquisa, 16 de 18 pessoas dividem contas ou recebem ajuda de custo. Mesmo assim, nenhum app do benchmark tratava as finanças da casa como algo compartilhado. Criamos os agregados: a pessoa convida quem mora com ela por email, as contas de luz, internet e mercado são divididas automaticamente e cada um vê quanto deve e quem já pagou, sem cobrança constrangedora. As entradas conjuntas mostram o orçamento da casa, não só o individual.

A solução

Um app Android com 4 abas e um botão central para registrar gastos em 3 toques, com teclado numérico próprio. A Home reúne saldo, contas da semana com ação direta de pagar e os últimos gastos. As ações principais ficam no terço inferior da tela, seguindo a regra do polegar para uso com uma mão no transporte.

Processo e entregas

Desk research, entrevistas, pesquisa quantitativa, matriz CSD, personas, mapa de jornada, benchmark, card sorting, fluxos e UX writing no FigJam. No Figma, 24 telas em wireframe e alta fidelidade, protótipo navegável com 4 fluxos e um design system com variables, tokens semânticos, 13 estilos de texto e 21 componentes com estados e micro-interações. A acessibilidade segue o WCAG 2.2 AA: contraste mínimo de 4,5:1, alvos de toque de 48 dp, foco visível e informação que não depende só de cor.

Create a free website with Framer, the website builder loved by startups, designers and agencies.