VoltarVer projeto ao vivo
Fine

Do protótipo ao código em um mês

Um aplicativo de finanças pessoais que registra um gasto com três toques nas costas do celular, sem desbloquear a tela. Do protótipo ao código, em um mês.

Do protótipo ao código em um mês

Contexto

Eu via o valor na fatura, mas não lembrava para onde aquele dinheiro tinha ido

O aplicativo nasceu de uma dor minha. Todo fim de mês, na hora de pagar a fatura, eu olhava a lista de gastos e não reconhecia boa parte dela. O nome que aparece na fatura quase nunca é o nome real do estabelecimento.

Marca

Logo do Fine em preto
Logo do Fine em branco

Cores

Tipografia

Figtree · títulos

Seu saldo

Figtree · corpo

Gasto registrado!

Três toques nas costas do celular

Componentes

Componentes do Fine: saldo, cartão de crédito, cofrinho, entradas e saídas, insights, gastos fixos, menu em pílula, abas, fatura com ações e panorama do mês

Desafio

Registrar um gasto precisava ser mais rápido do que esquecê-lo

  • “Quando chegar em casa eu registro”: Era o que eu pensava toda vez que gastava. Em casa, o gasto já tinha saído da cabeça, e o registro nunca acontecia.

  • Abrir o aplicativo custa mais do que parece: Desbloquear o celular, sair do que eu estava fazendo, achar o aplicativo e navegar até o lançamento. Cada passo é uma chance de desistir.

  • Os aplicativos que já existiam erravam no mesmo ponto: Nenhum deles tinha o atalho. O lançamento estava sempre atrás de abrir o aplicativo e procurar onde registrar.

Wireframe das telas principais desenhado à mão no papel

Solução

Três toques nas costas do celular, sem desbloquear e sem sair do que eu estava fazendo

O lançamento virou um atalho do sistema: três toques nas costas do aparelho registram uma despesa de qualquer lugar, a qualquer momento. Não preciso desbloquear o celular nem sair do aplicativo em que estou. O registro deixa de disputar atenção com o que eu estava fazendo, que era exatamente onde ele se perdia.

A tela inicial abre com o saldo, o que foi óbvio desde o começo. Entradas, saídas e gastos no cartão não estavam na primeira versão: entraram depois, quando ficou claro que eram informação importante demais para ficar de fora dela.

A microinteração do saldo, quando entra dinheiro, é acabamento. Não resolve problema de uso nenhum: está lá porque o aplicativo é meu e eu quis que ele tivesse esse cuidado.

Interface

Tela inicial com o saldo e os lançamentosTela de cadastroTela de cartões

Resultados

Próximo case

JL Corretora: site institucionalSite que explica cada seguro sem letra miúda e leva o visitante direto ao corretor.