Case Study — Finby
Consórcio entre amigos, sem planilha e sem ninguém cobrando no grupo. Desenhei o app e, sozinho e em dias, transformei o arquivo num protótipo que se usa no celular: 12 telas navegáveis, do convite ao saque.
Consórcio é um jeito bem brasileiro de juntar dinheiro: o grupo paga uma parcela por mês e, a cada mês, alguém leva o prêmio. Entre amigos isso sempre existiu na informalidade, com uma pessoa anotando quem pagou e cobrando quem atrasou. O Finby, que eu desenhei, leva esse acordo para o celular e tira do grupo o papel de cobrador.
Só que um arquivo de 80 telas não mostra se a conta fecha, nem como é convidar quem ainda não está no app. Então transformei o desenho num protótipo que se usa: 12 telas navegáveis, com os mesmos fluxos e os estados que o arquivo pulava. Fiz sozinho, com agentes de IA na produção e as decisões de produto comigo, em dias e não em meses.
O que eu fiz
01 — O problema
Quando amigos juntam dinheiro para uma viagem ou uma formatura, alguém vira o tesoureiro. Essa pessoa anota quem pagou e cobra quem atrasou, quase sempre no grupo de mensagens.
O Finby põe esse acordo num app. Você define o prêmio e a parcela e convida quem quiser. A ordem de quem recebe sai de um sorteio ou de um acordo entre todos, e o dinheiro rende 100% do CDI enquanto espera.
02 — O protótipo
São 12 telas, e o que você faz fica salvo. Crie um consórcio e ele aparece na home. Convide alguém e a pessoa entra como cadastro pendente. Se preferir, deixe o tour passar pelas telas.
Ir direto para
Use como num celular: crie um consórcio, convide alguém e mude a ordem de quem recebe. Os dados são fictícios e ficam só no seu navegador.
03 — Decisão: a hierarquia
Antes de qualquer cor, resolvi a ordem das informações em wireframe. Num app de dinheiro entre amigos, a pessoa quer saber quanto vai pagar e quando chega a vez dela. Essas respostas vêm primeiro em cada tela, e o acabamento não mexe nessa ordem.
01 — Meus consórcios
Decisão: O que é seu, primeiro
A home abre pelo que é seu: os consórcios em que você está ficam no topo. O que os amigos fizeram vem depois, num feed.
No acabamento, cada consórcio ganha um tema próprio, e o contemplado do mês vira um cartão com valor e data.
02 — O consórcio
Decisão: Números que não se contradizem
No detalhe, a primeira pergunta é quanto o grupo já juntou. Logo abaixo vêm quem participa e quando é o próximo sorteio.
Todos os valores saem da mesma conta, então uma tela nunca desmente a outra. O próximo sorteio diz quanto tempo falta.
03 — Quem vai participar
Decisão: Ninguém fica de fora
Montar o grupo é escolher pessoas, e nem todas estão no app. A lista tem busca e um atalho para convidar quem falta.
A seleção aparece em menta, com um check e texto em contraste AA, e o total é anunciado para leitores de tela. Quem ainda não tem cadastro entra como pendente.
04 — O valor do prêmio
Decisão: A conta à vista
Quem cria um consórcio pensa primeiro no prêmio. Por isso o valor domina a tela, e a parcela vem logo abaixo.
A parcela se recalcula a cada toque, com a conta escrita: "Você e 5 amigos · 6 meses, um prêmio por mês". Os botões que levariam a um valor negativo ficam inativos.
05 — Resgatar o saldo
Decisão: Prevenir o erro
Sacar precisa parecer com o app do banco que a pessoa já usa. Tudo cabe numa tela, com o teclado digitando a partir dos centavos.
Um valor acima do saldo trava o botão com uma mensagem. O saldo só muda depois da conferência.
04 — Decisão: a identidade
O desenho é meu, então a regra foi segui-lo. O violeta da marca e a Sarabun ficaram. Mudei o que deixava o app com cara de extrato: os cinzas frios viraram creme e os emojis viraram fotos de gente de verdade.
O violeta da marca virou uma escala de dez tons, e o fundo frio virou creme. O menta usa texto escuro para passar no contraste AA.
Seis gradientes com grão, um por tema. Quem cria escolhe o tema, e ele acompanha o consórcio no cartão e no cabeçalho.
A fonte do arquivo, com hierarquia mais clara. No dinheiro, o "R$" e os centavos ficam menores para o valor ler primeiro.
Um traço só no lugar da mistura de estilos do arquivo. A barra de navegação, que só tinha ícones, ganhou rótulos.
Os emojis das telas de sucesso viraram fotos quentes de gente de verdade, e cada consórcio ganhou a foto da sua meta.
O arquivo mostrava cada componente num estado só. O protótipo tem padrão, selecionado, inativo e foco visível.
05 — Decisão: um fluxo só
No arquivo, criar um consórcio privado e criar um público eram dois fluxos com quase as mesmas telas. Juntei os dois num wizard com uma pergunta por tela, que só se divide no critério de entrada. O resumo mostra tudo antes de publicar e deixa corrigir ali mesmo, sem voltar passo a passo.
06 — Convidar e organizar
Um consórcio entre amigos empaca se todo mundo precisar baixar o app antes. O convite sai pelo canal que a pessoa já usa, como o WhatsApp, e ela aparece como cadastro pendente até entrar. Quem administra arrasta os participantes para definir a ordem de contemplação. A aba Amigos não tinha tela desenhada, e eu a montei com os componentes do sistema.
07 — Decisão: a confiança
Entre amigos, a confiança já existe. Num consórcio público, ela precisa vir de algum lugar. Quem paga em dia sobe de nível, e quem cria um consórcio público pode exigir um nível mínimo para entrar.
O perfil mostra esse histórico. Quem administra vê quanto falta para fechar o grupo, e o saldo chega à conta em três toques.
08 — Como eu trabalhei
Escrevi o brief e o sistema visual e coloquei agentes de IA para montar as telas em paralelo. Depois revisei cada uma contra o meu desenho: o texto, os estados, o contraste e os números, que precisam bater de uma tela para outra.
A IA acelerou a produção. As decisões de produto e de design ficaram comigo, e é assim que eu levo um app do Figma a um protótipo testável em dias, não em meses.
Resultado
Ferramentas
Eu levo do desenho a um protótipo que se usa, em dias, e cuido do que o arquivo não mostra, dos estados aos números que fecham.