Portfolio
Redesign da abertura de conta: Primeiro passo para uma experiência bancária digital
Intermedium
Meu impacto
Informei decisões de produto ao identificar passos desnecessários, alinhando a experiência com os padrão digital-first das apps fintech.
Criei uma biblioteca de UI para resolver problemas de contraste, acessibilidade e consistência.
Refinei o fluxo ao introduzir uma etapa de pré-registo — passando do preenchimento completo do formulário para a captação de leads.
Ajudei a estabelecer a base para uma abordagem mais moderna e centrada no utilizador na banca digital.
Visão Geral
Transformando um banco tradicional
Em 2018, o Banco Inter ganhava visibilidade como um dos principais bancos digitais no Brasil, atraindo millennials com serviços sem taxas e um modelo totalmente online.
No entanto, a sua app móvel ainda refletia fluxos bancários ultrapassados e baseados em papel — especialmente no processo de abertura de conta.
Essa experiência causava uma taxa significativa de desistência dos utilizadores durante o onboarding em dispositivos móveis.
Fui responsável pelo redesenho da experiência — removendo passos desnecessários e alinhando a jornada às expectativas de uma base de utilizadores mais jovem e tecnologicamente preparada.
Problema
O fluxo de criação de conta do Banco Inter era complexo e ultrapassado, levando a altas taxas de desistência durante o onboarding. O processo refletia os requisitos tradicionais do banco offline — múltiplas etapas, carregamento de documentos e indicadores de progresso pouco claros.
Solução
Simplifiquei o fluxo de onboarding para dispositivos móveis, reduzindo etapas, incluindo indicadores de progresso claros e eliminando campos não essenciais. Esta solução visou minimizar a desistência durante o registo.
Fases do projeto
O projeto foi dividido em 5 fases
avaliação heuristica
jornada do utilizador
wireframe
Design
Comparação com Bancos Digitais
Analisei os fluxos de onboarding de concorrentes chave no setor fintech — como Neon, Iti, Nubank e outros bancos digitais. Os padrões comuns incluíam:
Começar com dados mínimos (CPF, telefone, email) e um campo por ecrã
Exibir indicadores claros de progresso
Fornecer instruções claras para tirar fotos
Utilizar o formulário de registo como uma ferramenta de captura de leads
Começar com dados mínimos (CPF, telefone, email) e um campo por ecrã
Exibir indicadores claros de progresso
Fornecer instruções claras para tirar fotos
Estas experiências enfatizaram a simplicidade e a rapidez. Comparado com elas, o fluxo do Banco Inter parecia excessivamente complexo e burocrático.
Avaliação heurística da app
A avaliação revelou vários problemas de usabilidade que impactavam a experiência de onboarding:
Campos de texto excessivos que geravam rolagem longa, frequentemente ocultando ações importantes.
Falta de indicadores de progresso.
Baixo contraste nas caixas de texto, reduzindo a legibilidade.
Instruções apresentadas em blocos extensos de texto.
Certas etapas imitavam a abertura física de uma conta bancária, como a revisão de contrato em PDF.
Estilo visual inconsistente.
Estes problemas contribuíam para a frustração dos utilizadores e desistências, evidenciando áreas que exigiam melhorias urgentes.
A nova jornada do utilizador
Guiados pela avaliação heurística e análise da concorrência, simplificámos e otimizámos o fluxo do utilizador.
O fluxo antigo era longo e exigente: requeria dados pessoais completos, fotos de documentos e um contrato impresso, assinado e digitalizado.
Reformulámos a abordagem como captura de leads: introduzimos uma pré-registo com apenas as informações essenciais (ex: CPF, número de telefone).
A verificação e o onboarding passaram a ser progressivos: os utilizadores podiam completar etapas adicionais mais tarde, melhorando a conversão e a flexibilidade.
Antes
Depois
Validação da experência com o wireframe
Foram criados wireframes de baixa fidelidade para explorar e validar o novo fluxo. O foco foi em:
Simplificar a navegação
Reduzir a complexidade das telas
Garantir uma experiência mais intuitiva
Estes wireframes ajudaram a alinhar a equipa quanto à estrutura e conteúdo antes de avançar para o design de alta fidelidade.
Modernização através do Design
Criação de uma Biblioteca de UI Simples
A interface anterior carecia de consistência visual, contraste e padrões básicos de acessibilidade. Comecei por construir uma biblioteca de UI minimalista focada em clareza, escalabilidade e usabilidade — definindo componentes como campos de input, botões, etiquetas e uso de cores que cumprissem as diretrizes de acessibilidade.
Aplicação da UI aos Wireframes
Com a base estabelecida, adaptei o design visual para alinhar com os wireframes aprovados. O foco esteve em manter a hierarquia, melhorar a legibilidade em dispositivos móveis e reduzir a carga cognitiva.
Reescrevendo os textos
Os textos foram reescritos para serem concisos, claros e úteis. Removi instruções longas, mantendo o texto no mínimo necessário.
Antes e depois
Abaixo estão exemplos de como a interface evoluiu após o redesenho.4.1-mini
Home
Antes
Baixo contraste do texto dificultava a leitura dos campos de input
Foco principal no login, não na aquisição de novos utilizadores
O ponto de entrada para as funcionalidades distraía os utilizadores do objetivo principal, que era o registo
Depois
Adição de imagens para criar uma experiência mais acolhedora
Destaque para os principais benefícios da conta bancária
Mudança do foco principal para novos utilizadores
Campos de texto
Antes
Excesso de campos de texto, causando scroll excessivo
Botões colocados de forma inconsistente no topo e no fundo do ecrã
Ausência de indicação de progresso ou duração do processo de registo
Depois
Divisão dos campos de input em vários ecrãs
Introdução de um indicador de progresso para orientar o utilizador
Criação de uma experiência focada, passo a passo, com menor carga cognitiva e complexidade percebida
Intruções para fotos
Antes
Instruções apresentadas num bloco longo de texto
Difícil de ler devido ao tamanho pequeno da fonte e má disposição
Texto partilhava o ecrã com a câmara, causando confusão e desordem
Depois
Separação das instruções do ecrã de captura de foto para melhor foco
Uso de ícones e listas com marcadores para melhorar a clareza e compreensão
Design pensado para facilitar a leitura
Final result
Este projeto foi o primeiro passo na modernização da experiência digital do Banco Inter. Ao repensar o fluxo de onboarding, reduzimos significativamente a fricção e melhorámos a clareza.
O redesign não só minimizou as desistências, como também mudou a abordagem do banco de um processo tradicional, pesado em formulários, para um modelo mais centrado no utilizador e orientado à captura de leads.
Este caso destaca o impacto de pequenas alterações focadas na criação de uma experiência bancária mais moderna e eficaz.