Novo Onboarding
Aplicativo de Crédito
Revisão do Design System e Novo processo de onboarding de um aplicativo de obtenção de crédito
Contexto
O KAB é um aplicativo de obtenção de crédito desenvolvido pelo KLab. A princípio era um produto que uma empresa terceirizada se responsabilizava, em Julho de 2024 assumi a frente de design do aplicativo e o primeiro passo foi fazer uma revisão nas escolhas técnicas e o segundo foi o redesign do processo de onboarding.
O objetivo
Simplificar o fluxo de entrada, removendo complexidades e reforçando a identidade da marca.
Modificações realizadas
Fluxo de Onboarding
Redução da Jornada
Durante uma análise do processo de Onboarding do aplicativo, identificamos que os usuários levavam aproximadamente 15 minutos para completar as 40 etapas do cadastro. Em busca de otimização, realizamos uma revisão do processo em colaboração com as equipes de Crédito e Negócios.
Esta análise foi fundamentada em dados de funil obtidos via AppsFlyer, além de um benchmark de bancos digitais fornecido pela IdWall.
Onboarding Faseado
Com base nos insights obtidos do benchmark, o time optou por implementar um onboarding faseado, uma abordagem que permite aos usuários acessarem funcionalidades básicas do aplicativo antes de completar todo o cadastro. Desta forma, o cliente pode realizar transações simples, como recargas de celular, enquanto conhece a plataforma gradualmente.
Esta estratégia torna o processo de cadastro menos desgastante e possibilita que o usuário experimente benefícios imediatos do app, aumentando seu engajamento e reduzindo as chances de desistência durante o onboarding.
Linguagem Visual
Apple e sua nova linguagem como referência
A Apple, reconhecida por ser uma referência em design e por estabelecer tendências no mercado, recentemente tomou decisões em duas frentes. Por um lado, a empresa precisou interromper a produção do Vision Pro (equipamento de realidade virtual) devido à baixa demanda e insatisfação dos clientes. Por outro lado, implementou uma reformulação da interface do iOS, introduzindo uma linguagem visual mais imersiva nos iPhones. Esta mudança na interface pode ser interpretada como uma estratégia para familiarizar gradualmente os usuários com experiências mais imersivas, considerando que o público aparentemente encontrou dificuldades em se adaptar ao nível de imersão oferecido pelo Vision Pro.
Imersivo
“Eles [aplicativos] aproveitam toda a tela para que possam ser representados como mais imersivos do que dentro da caixa”
Aplicativos que estão seguindo essa lógica
Cores
Padrão anterior
Na versão anterior do aplicativo, o rosa, cor emblemática da identidade visual da marca, ocupava um papel dominante na interface. No entanto, esta escolha cromática gerava desafios significativos de usabilidade: as mensagens de erro em vermelho perdiam destaque ao se misturarem com o rosa predominante, e a hierarquia visual da informação ficava comprometida.
Novo padrão
Para resolver estas questões, foi implementada uma nova estratégia de design que redefiniu o uso das cores: o rosa foi mantido apenas como cor de destaque para elementos pontuais de importância alta, o azul ganhou maior presença na interface, e o branco passou a ser a cor dominante, proporcionando uma linguagem visual mais limpa e funcional. Esta reformulação permitiu criar uma hierarquia visual mais clara e uma aparência mais limpa para o aplicativo.
“Normalmente, as cores dominantes e secundárias devem ser cores relativamente neutras. Reserve a cor de destaque para o que você deseja que mais se destaque na sua página.” - NNgoup
Tipografia
Por que mudamos a tipografia principal?
Ao iniciar a revisão do projeto KAB, identificamos que a tipografia principal utilizada era a Fractal Alt, a mesma da identidade da marca. Esta fonte apresentava dois problemas críticos: além de comprometer a legibilidade da interface, descobrimos que sua licença estava restrita apenas ao uso em materiais de marketing e impressos, não contemplando a utilização em aplicativos.
Mudança para a Poppins
Diante deste cenário, optamos por substituir a fonte principal pela Poppins, que já era utilizada como tipografia secundária. Explorando os diferentes pesos disponíveis na família Poppins, conseguimos construir uma hierarquia visual clara, melhorando significativamente a experiência de leitura dos usuários.
Ilustrações
Ilustrações anteriores
No processo de evolução do design do aplicativo, a revisão das ilustrações emergiu como um ponto crítico. As ilustrações existentes apresentavam excesso de informações visuais, dispersando a atenção do usuário e, mais preocupante ainda, não refletiam adequadamente a identidade da marca KAB.
Viés de Superioridade de Imagem
Durante nossa análise, consideramos o princípio do Viés de Superioridade de Imagem, que demonstra como a memorabilidade de uma imagem pode ser influenciada por sua complexidade e contexto de apresentação.
Benchmark
Realizamos também um benchmark:
O Nubank, que se destaca por ilustrações minimalistas com uso estratégico de cores para comunicar diferentes estados (roxo para elementos padrão, vermelho para urgência e verde para sucesso), além de utilizar deformações estilizadas que transmitem jovialidade;
O Itaú, que incorpora inteligentemente o contorno de seu logotipo nas ilustrações e expande sua paleta tradicional para incluir "cores brasileiras", alinhando-se ao seu novo posicionamento de marca.
Novas Ilustrações
Esta análise reforçou nossa compreensão de que estilos de ilustração únicos e consistentes são fundamentais para construir e fortalecer a identidade e personalidade de uma marca, criando um diferencial reconhecível no mercado. Com base nisso, desenvolvemos uma nova abordagem para as ilustrações do KAB: utilizamos um elemento forte da marca como base criativa, resultando em ilustrações mais ousadas e presentes, que ocupam o espaço da tela com maior impacto visual, contrastando significativamente com a timidez das ilustrações anteriores.
Ícones
Consistência
A atualização dos ícones do aplicativo para a biblioteca Font Awesome visa estabelecer uma linguagem visual consistente em todos os produtos empresa, fortalecendo a identidade da marca e melhorando a experiência do usuário através de uma iconografia padronizada.
UX Writing
Credibilidade
Precisamos equilibrar proximidade com seriedade, já que lidamos com o dinheiro e os sonhos das pessoas. Por isso, nossa comunicação deve ser simples, evitando exageros, humor forçado ou promessas grandiosas. Afinal, quando o assunto é crédito, as pessoas precisam confiar que estão fazendo a escolha certa.
Tom de voz simples
Serviços descomplicados e transparentes para resolver a vida financeira das pessoas com simplicidade.
