Banco Next Case Study

Visão geral

O Next é um banco 100% digital criado pelo Bradesco afim de competir no mercado de fintechs no Brasil.​ Tem como objetivo converter seu público-alvo a partir das vantagens que o banco oferece, dar autonomia e controle ao cliente, facilitando seu dia-a-dia e tornando-o menos burocrático possível.

 

O desafio

Criar uma Landing Page de divulgação e venda de um produto ou serviço. Deve ser de apenas 1 página, contendo todo o conteúdo relevante para o produto.

 

Minha função

  • Pesquisa de mercado e público-alvo;

  • Foco no conteúdo e storytelling;

  • Arquitetura da informação;

  • Wireframes e UI Design.

 

Entendendo o mercado

  • 66% acreditam que novas tecnologias como AI, Cloud e DevOps impulsionarão o setor bancário global nos próximos cinco anos;

  • 45% se destinam à criação de ecossistemas digitais para aprimorar a experiência do cliente e os fluxos de receita;

  • Em janeiro de 2019, o Banco Next possuía 550 mil clientes ativos. Em abril de 2019, eles tinham 800 mil clientes ativos;

  • Segundo o Valor Econômico, a Next tem um forte peso no mercado financeiro, uma vez que a maioria de seus clientes não possuía nenhum relacionamento com o Bradesco anteriormente;

  • Fintechs atraem investimentos e avançam em um mercado dominado por grandes bancos;

  • Pessoas sem banco movimentam R$ 817 bilhões por ano no Brasil;

  • Para estimular o crescimento das fintechs, o Banco Central do Brasil promulgou seus primeiros regulamentos para as fintechs

.

  • Jovens de 16 a 25 anos já passam de 10% na bolsa

Fontes:

https://www.temenos.com/insights/white-papers-reports/eiu-2020/

https://canaltech.com.br/negocios/banco-digital-next-deve-se-separar-do-bradesco-e-formar-entidade-propria-137643/

https://g1.globo.com/economia/noticia/2018/11/12/fintechs-atraem-investimentos-e-avancam-em-mercado-dominado-por-grandes-bancos.ghtml

https://computerworld.com.br/2020/02/10/brasil-o-pais-das-fintechs-panorama-do-setor-para-2020/

https://www.tmf-group.com/pt-br/news-insights/articles/2018/june/fintech-in-brazil/

https://valorinveste.globo.com/mercados/renda-variavel/bolsas-e-indices/noticia/2019/12/06/jovens-de-16-a-25-anos-ja-passam-de-10percent-na-bolsa-veja-quem-sao-eles.ghtml

 

Matriz CSD

 

A partir de todas as informações coletadas com uma desk research, organizei-as em uma Matriz CSD para ter mais claro quais as suposições e dúvidas posso validar e descobrir em entrevista com usuários.

Screen Shot 2020-07-18 at 21.36.56.png

Dúvidas e suposições validadas

Em uma pesquisa de 20 pessoas, descobri:

  • 75% dos usuários de bancos digitais são jovens entre 18 e 29 anos;

  • Em sua maioria, estudantes;

  • 60% tem renda entre R$781 a R$2.600;

  • 55% se interessa pela anuidade zero;

  • 35% por TED e DOCs gratuitos;

  • 55% foram aceitos em seu primeiro cadastro em banco digital;

  • 60% se sente seguro em realizar transações por banco digital;

  • Para 50%, não muda em nada um banco digital fazer parte de um banco tradicional;

  • 40% acreditam que um banco tradicional agrega valor e credibilidade a um banco digital.

A partir de todas essas informações coletadas, criei as personas;

 

 

Persona #1

personas_Prancheta 1.png

Persona #2

personas_Prancheta_1_cópia.png

Referências

Primeiramente, fiz um benchmarking para analisar como os concorrentes usam suas páginas web para conversão. Também analisei outras empresas que meus usuários são público-alvo, como: spotify, tik tok, lollapalooza, uber e outros.

 

 

Benchmarking

A primeira coisa que percebi foi que as empresas utilizam muito o topbar da página. Lá explicitamente ficam a marca, serviços e informações da empresa e um botão para conversão. A Nubank, concorrente direta do Banco Next, usa no seu topbar apenas marca e botão de conversão. Mas se beneficia muito de imagens reais da interface do seu aplicativo e do cartão. A Neon, no entanto, usa também ilustrações, além de um texto bem claro e direto do que ela é e do que ela faz.

benchmarking-01.png
benchmarking-05.png
benchmarking-06.png
benchmarking-08.png

Wireframes

Depois de um estudo de benchmarking, comecei a ter alguns insights para a landing page do Banco Next. Nesta etapa do projeto, minha preocupação era a arquitetura da informação: priorizar e deixar visível os principais benefícios que são de interesse e necessidade do usuário. Com base na pesquisa com usuários, priorizei:

 

  • Taxas gratuitas;

  • Diferenciais do banco Next;

  • Controle financeiro;

  • Investimento;

  • Descontos.

1. Taxas Gratuitas: Com base no dados que são os benefícios que os usuários mais se interessam e que pessoas sem banco movimentam R$ 817 bilhões por ano no Brasil, deixei bem claro na home os principais serviços do banco além do botão de conversão para abertura de conta. O menu topbar vai acompanhar o scroll da página.

2. Diferenciais do banco Next: Outros benefícios que o banco oferece continuando a divulgação dos serviços da home da página.

WhatsApp_Image_2020-07-20_at_18.38.43.jp
WhatsApp_Image_2020-07-20_at_18.38.44.jp

3. Controle financeiro: visto que a maioria dos usuários são jovens que ainda não possuem estabilidade financeira;

4. Investimento: Com base no dado de que o número de jovens investindo cresce significamente a cada ano, resolvi disponibilizar os tipos de investimentos que o Banco Next tem, que vão do baixo ao alto risco. Como são muitos e seguindo a Lei de Hick que, o tempo que leva para tomar uma decisão aumenta com a complexidade e os números das opções, decidi também fazer um carrossel, mas seguindo as Heurísticas de Nielsen e os Princípios de Norma, deixar visível quantos carrosséis possuem.

WhatsApp_Image_2020-07-20_at_18.38.43_(1
WhatsApp_Image_2020-07-20_at_18.38.44_(1

5. Descontos: disponibilizar descontos com marcas parceiras, visto que os usuários que possuem renda pequena e qualquer abatimento numa compra é bem-vindo. Seguindo os princípios de Norman e as Heurísticas de Nielsen sobre visibilidade e status de um sistema, deixei disponível a opção de visualização para descontos no cartão de débito ou para cartões de créditos, além de quantas marcas são parceiras deste benefício.

6. Última etapa da landing page: disponibilizar os links de download do APP e de abrir a conta

WhatsApp_Image_2020-07-20_at_18.38.45.jp
WhatsApp_Image_2020-07-20_at_18.38.47.jp

Depois dessa etapa, comecei a criar meu mood board para a etapa final de UI Design.

 

 

Mood Board

Para definir a direção de arte do site, procurei por referencias onde a cor verde fosse primária, já que é uma característica do Banco Next. Também procurei referências mais jovens e minimalista para este projeto.

moodboard2.png

UI Design

A partir do mood board, criei uma landing page minimalista e de fácil navegação aos usuários. Dei destaque a home com o fundo verde, cor carcterística da marca, para enfatizar os benefícios mais atrativos. Depois usei do storytelling para contar que além dessas vantagens, o Banco Next disponibiliza outros serviços que são diferenciais da marca.

mockup-next.png