- Telas até o primeiro lançamento
9→3- Campos para preencher
14→5- Tempo até o primeiro saldo
11 min→3 min- Cadastros concluídos
38%→70%
Abrir conta no Cofre em 3 passos, não em 9 telas.
Redesign conceitual do primeiro acesso de um app de finanças para quem trabalha por conta própria: tirar a burocracia do caminho entre o cadastro e o primeiro lançamento.
- Papel
- Product Designer: fluxo, UI e protótipo
- Prazo
- 6 semanas (escopo conceitual)
- Plataforma
- iOS e Android
- Foco
- Onboarding e primeira semana de uso
Quem trabalha por conta própria não quer abrir uma conta. Quer saber se o mês fechou no azul.
Entre o download e o primeiro saldo ficam 9 telas, 11 minutos e 62% de abandono.
Números ilustrativos, definidos para este exercício. Não vêm de um produto real.
Da burocracia a três passos
Termos, CPF, CNPJ, regime tributário, endereço, banco, selfie e token. O fluxo pedia tudo antes de mostrar qualquer valor.
Pedir só o que dá para usar agora: quem é você, de onde vem o dinheiro e o primeiro lançamento.
O mesmo caminho, com um terço das telas.
Arraste a barra para comparar. No teclado, foque na barra e use as setas.
Comparador de fluxos. Antes: nove telas de cadastro, de boas-vindas a token. Depois: três telas, de identificação a primeiro lançamento.
Telas ilustrativas, desenhadas para este case. Tempos e quantidade de campos são estimativas.
Sete etapas, da auditoria à entrega.
-
01
Auditar
Mapear cada tela, campo e promessa do fluxo atual.
Decisão Separar o que é exigência legal do que é hábito do produto.
9 telas · 14 campos
-
02
Entender
Reunir quatro perfis de quem trabalha por conta própria e o que cada um espera do primeiro dia.
Decisão Projetar para o mês bagunçado, não para o contador.
4 perfis
-
03
Definir
Priorizar o primeiro valor: ver o saldo do mês antes de completar o cadastro.
Decisão Cadastro progressivo: pedir cada dado quando ele passa a ser necessário.
1 promessa
-
04
Explorar
Esboçar três arquiteturas de fluxo e comparar o atrito de cada uma.
Decisão Seguir com o fluxo linear de 3 passos, com atalho para pular o banco.
3 alternativas
-
05
Prototipar
Montar o protótipo navegável com componentes reaproveitáveis.
Decisão Um botão principal por tela, sempre ao alcance do polegar.
3 telas
-
06
Testar
Planejar cinco tarefas de teste de usabilidade e o que cada uma deve medir.
Decisão Medir o tempo até o primeiro lançamento, não só a conclusão.
5 tarefas
-
07
Entregar
Documentar regras, estados e métricas de sucesso para o time de desenvolvimento.
Decisão Revisar, depois do lançamento, o abandono em cada passo.
3 métricas
O app, tela a tela.
Os três passos e o primeiro saldo, no tamanho de um celular. Para usar de verdade, abra o protótipo: digite o CPF, escolha o banco ou pule, lance o primeiro valor e veja o saldo do mês.
E quando a conferência falha, ou a rede cai?
Três estados que o fluxo antigo não tratava. O app avisa sem bloquear, explica o que houve e mantém o que a pessoa já lançou.
Telas ilustrativas, desenhadas para este case. O protótipo não envia nem guarda nada.
O que escolhi e o que deixei de fora.
- Escolhi
- Pedir nome e CPF juntos, depois de mostrar o resumo do mês.
- Abri mão de
- Validar o documento já no primeiro toque.
- Por quê
- A validação pode rodar em segundo plano, sem bloquear quem ainda não viu valor.
- Escolhi
- Dar ao botão "Pular por enquanto" o mesmo peso visual de "Conectar meu banco".
- Abri mão de
- Saldo automático logo de saída.
- Por quê
- Lançar à mão já mostra valor e reduz a barreira de confiança do primeiro dia.
- Escolhi
- Sugerir a categoria pelo valor e pelo tipo de entrada, com troca rápida.
- Abri mão de
- Categorias personalizadas na primeira semana.
- Por quê
- Decidir categoria é trabalho; a sugestão tira essa decisão do caminho sem esconder o controle.
- Escolhi
- Pedir verificação reforçada só quando o uso pedir um limite maior.
- Abri mão de
- Uma conta totalmente verificada desde o primeiro dia.
- Por quê
- Em um produto real, essa regra passaria por compliance e jurídico antes de ir para o fluxo.
- Escolhi
- Trocar "regime tributário" por "como você declara hoje?", com exemplos curtos.
- Abri mão de
- Termos técnicos que parecem mais "sérios".
- Por quê
- Quem não entende a pergunta responde errado ou desiste.
O que ficou deste exercício.
-
Tirar uma tela também é desenhar.
O maior ganho veio do que saiu do fluxo, não do que entrou. Cada remoção pediu uma justificativa.
-
Todo campo precisa de um motivo.
Se ninguém consegue dizer por que o dado é pedido agora, ele pode esperar o momento em que faz sentido.
-
Dado fictício precisa dizer que é fictício.
Por isso o selo no topo e a nota em cada número: o case mostra método e raciocínio, não resultado real.
Tem um fluxo cheio de atrito no seu produto?
Vamos conversar sobre como transformá-lo em menos passos e mais clareza.
