Projeto

Redesign aplicativo

Data

Out 2022 • Abr 2023

De cara nova

Repensando a experiência do App Banese

Repensando a experiência do App Banese

Como redefinimos o aplicativo do Banco Banese para deixa-lo com uma experiência de uso simples, ágil e moderna.

O projeto

Tratou-se de um redesign de ponta a ponta no aplicativo do Banco Banese.

Objetivos

Melhorar o visual do aplicativo atual, trazendo assim, uma experiência de uso mais agradável, baseando-se em outros apps bancários que existem no mercado.

Objetivos

Melhorar o visual do aplicativo atual, trazendo assim, uma experiência de uso mais agradável, baseando-se em outros apps bancários que existem no mercado.

O time

Agilista 📝

Vivian Madureira

CTO 🤖

Hugo Dória

O que é o Banese?

Com mais de 60 anos, o Banese é uma empresa múltipla, de capital aberto e economia mista, atuando em diversos estados na região Nordeste do Brasil, majoritariamente controlada pelo Governo do Estado de Sergipe, contando com redes de atendimento (sejam agências, postos de serviços e caixas eletrônicos) em todos os 75 municípios sergipanos, tanto na capital quanto no interior.

O Design antigo

O design anterior do app Banese apresentava uma interface pouco moderna, com elementos visuais e hierarquias não muito usuais, além de algumas inconsistências. Essas limitações destacaram a necessidade de um redesign focado em modernização, acessibilidade e usabilidade.

Algumas telas do design antigo

Etapa de pesquisas

Foram realizadas diversas pesquisas conduzidas por Diéssica e Almir, no qual envolviam desde Benchmarks, Desk researchs, entre outras pesquisas remotas e presenciais, que por fim serviram de insumos para as decisões de design tomadas por mim e por Eduardo durante a confecção das novas telas.

Resumo panorâmico das pesquisas

✅ Bloqueio e desbloqueio de cartão;
✅ Cartão adicional;
✅ Segunda via do cartão;
✅ Conta Poupança;
✅ Comunicação CSAT e NPS;
✅ Cadastro de dispositivo;
✅ Uso da Carteira de Habilitação;
✅ Telas de Home;
✅ Telas de Pix;
✅ Menus de cartões de crédito;
✅ QR Code nas agências;
✅ Crédito Consignado;
✅ Pagamento de título;
✅ Cartão de débito;
✅ Crédito rápido;

✅ Alteração e recuperação de senha;
✅ Consultar e renovar empréstimos;
✅ Portabilidade e salário;
✅ Teste de usabilidade de fluxo de onboarding;
✅ Limites de pagamentos;
✅ Transferência;
✅ Parcelamento de fatura;
✅ Antecipação de fatura;
✅ Pagamento com cartão de crédito;
✅ Perfil investidor;
✅ Cadastro de dispositivo;
✅ Open banking;
✅ Aplicações e investimentos;
✅ DARF;
✅ Recarga;

✅ Market place dos aplicativos;
✅ Entrevistas para vocabulário;
✅ Entrevistas sobre telas de home, cartão e extrato;
✅ Ajuda e central de atendimento;
✅ Seguro de cartão;
✅ Transferência internacional;
✅ Limite emergencial;
✅ Aviso viagem;
✅ Contestar Compra.

O Redesign do app

Como dito anteriormente, com base nas pesquisas realizadas pelo time de Research, tivemos os insumos necessários para a criação do novo design.

Pontos de atenção para o novo visual

Procuramos utilizar os grafismos presentes no guia de estilos da marca, afim de trazer uma experiência mais amigável durante a utilização do aplicativo, procurando evitar telas muito simples. Cada elemento faz referência as principais características do estado de Sergipe, alguns exemplos:

Igreja Santo Antônio

Famosa igreja em Aracaju, conhecida também como o ponto mais alto da cidade

Barco de fogo

Elemento clássico do São João de Estância

Carangueijo

Principal iguaria do estado de Sergipe

Queijo de Nossa Senhora da Glória

Alimento muito famoso em Sergipe

Sanfona, bandeirolas e balão:

Elementos juninos, tão forte na cultura Sergipana

A necessidade de um Design System

Como se tratava de um projeto grande, contendo diversos fluxos e critérios de aplicação de cores e ilustrações, a confecção de um Design system foi crucial para mantermos a consistência ideal, garantido assim a fidelidade com o Guide visual da marca. Outro ponto importante foi criar o Design System já considerando o tema para uma conta na versão PJ.

O resultado

Veremos alguns dos principais fluxos desenvolvidos por toda a equipe.

Alguns dos fluxos desenvolvidos por mim

✅ Login
✅ Home da conta
✅ PIX
✅ Menu Seguro
✅ Seguro de vida
✅ Segunda via do cartão
✅ Limite do cartão
✅ Faturas do cartão
✅ Contestar compra
✅ Cartão Virtual - Crédito
✅ Cartão de débito e múltiplo
✅ Cartão Adicional
✅ Alterar dia de vencimento

✅ Aviso viagem
✅ Aviso saque
✅ Meu plano e Mudar de plano
✅ Indicar amigos
✅ Menu cartões
✅ Meus dados
✅ Dados de segurança
✅ Área do usuário e configurações
✅ Senhas
✅ Termos e Condições
✅ Sair da conta
✅ Encerrar conta

Abertura de conta 100% digital

Toda abertura de conta agora pode acontecer dentro do aplicativo, dimuindo o fluxo nas agências bancárias, uma novidade para facilitar a vida dos clientes Banese.

Home da conta

Reformulada totalmente, trazendo as principais funções para a utilização dos clientes Banese, além de um espaço dedicado a ofertas de serviços, como o seguro de vida.

Pagamentos diversos

Desde PIX à pagamentos mais específicos, como GPS e DARF.

Controle das faturas do cartão

Todo o gerenciamento das faturas, além de outros serviços inerentes ao cartão de crédito Banese.

Contestar compras

Desde o processo de solicitar a contestação de compra via chat de atendimento, até o gerenciamento das solicitações realizadas.

Investimentos

A ideia é incentivar os clientes a aderirem aos investimentos a partir da reformulação do aplicativo, que por sua vez venha a ofertar mais opções, aja vista que poucos clientes são investidores no banco, devido as poucas opções disponíveis.

Empréstimos e Crédito

Os clientes poderão fazer solicitação de empréstimo pré-aprovado ou análise de crédito, realizar pagamentos e antecipação de parcelas, e por fim solicitar renovações de empréstimos.

Recarga de serviços e assinaturas

Mais facilidade para realizar recargas e adquirir ou renovar assinaturas dentro do aplicativo.

Capitalização

Contratação de títulos de capitalização, resgates, Banese Cap e suas premiações.

Financiamentos

Financiamentos para Apartamento, Casa e Automóvel, podendo averiguar as modalidades e formas de pagamento.

Seguro cartão de crédito

Contratação de seguro para cartão de crédito, contendo todas as informações necessárias, desde coberturas e formas de pagamento.

Seguro de vida

Contratação de seguro de vida, seja individual ou coletivo, contendo todas as informações necessárias, desde coberturas e formas de pagamento.

Planos Banese

Uma repleta quantidade de benefícios aos clientes que aderirem aos planos ofertados pelo Banco Banese.

Considerações finais e aprendizados

Fazer toda a reformulação do aplicativo nos proporcionou não só o aprendizado de revigorar visualmente toda uma interface, mas também nos possibilitou um contato mais profundo em como funcionam os serviços ofertados pelo Banese, o que por si só, nos auxiliou em como deveríamos dispor determinadas informações da melhor forma possível, afim de auxiliar os usuários do aplicativo. Por fim, todos entregáveis de design estão concluídos, aguardando apenas a priorização por parte da diretoria, para que o projeto comece a ser implementado.

Obrigado :)