top of page

Dashboard da Nubank

Cover - Head Nubank.png

Meu cargo

Product Designer

Objetivos

O objetivo do segundo projeto neste nível é criar uma Interface de Produto para a Web, estilo Dashboard. Deve ter apenas 1 página, contendo todo o conteúdo relevante para o produto que você está trabalhando. O produto em foco deve ser uma ideia viável, de modo que se pesquise 1 produto que faça sentido criar. A página deve ser para web, em formato padrão, sem agilidade e sem preocupação com mobile.

Solução

Criação de um dashboard capaz de gerenciar as transições do cartão de crédito.

Método Usado

Este projeto precisava de um simples, mas com um pouco mais de componentes para se encaixar. Então eu escolhi o diamante duplo e uma lista de prioridades (matriz GUT) para conectar melhor os pontos.
Nubank Figma - Method.png

Desk Research

Eu não sabia muito sobre o mundo financeiro e sobre dashboards, então precisei fazer muitas pesquisas ainda mais para entender a empresa, público-alvo e dashboards. Voltei algumas vezes para pesquisar e validar mais informações enquanto executava o projeto.

A nova geração de serviços financeiros no Brasil

A Nubank é a maior fintech do Brasil, com escritórios também no México, Argentina e Alemanha. Foi fundada em 2013, em São Paulo, Brasil, por David Veléz, Cristina Junqueira e Edward Wible.

 

Hoje, o Nubank é usado por mais de 23 milhões de brasileiros e tem recebido uma grande quantidade de dinheiro de diversos investidores. Em 2018, tornou-se um '' unicórnio '' e em 2017 foi eleito o melhor cartão pelos clientes segundo estudo conduzido pela CVA Solutions.

Valores & Objetivos

O principal objetivo dessa startup é mudar o mundo financeiro com procedimento simples e direto, alinhando-se também com:

  • Menos burocracia;

  • Cartão de crédito gratuito;

  • Nenhum pagamento na encomenda com cartão de crédito;

  • Resolução de problemas no digital com bom atendimento.

Perfil do Usuário Brasileiro

Segundo a Nubank, 70% dos usuários têm menos de 36 anos. Além disso, em abril aumenta o número de usuários mais velhos (60 anos ou mais), em torno de 30 mil.

 

Para traçar o perfil dos usuários, coletei informações sobre educação financeira no Brasil, para entender como eles lidam com dinheiro e investimentos. No final, consegui juntar estas informações:

 

  • Por causa da inflação e das decisões ruins do governo, os brasileiros temiam colocar seu dinheiro em uma conta bancária, como uma poupança. Mas começou a mudar com o sistema monetário.

  • Não existe um plano de estudos efetivo sobre esse tema nas escolas.

  • Falar sobre investimentos é tabu ou coisa de rico, para a maioria dos brasileiros.

Essa porcentagem de pessoas que investem seu dinheiro, em contas digitais, tem este perfil:

  • 61% são homens;

  • A média de idade é 38 anos;

  • 52% possuem ensino médio;

  • 48% são da classe B;

  • 55% moram no sul do Brasil;

  • 91% trabalham e têm trabalho remunerado;

  • 38% estão cadastrados na carteira de trabalho;

  • 13% são trabalhadores independentes;

  • 11% são funcionários públicos;

 

Uma grande porcentagem desses investidores prefere colocar seu dinheiro em uma conta de poupança.

Nubank - Pension Chart-01.png

Reclame Aqui

Este é o maior site de reclamações do Brasil, então li algumas reclamações e os problemas mais comuns em torno das contas do Nubank.

Nubank- Relevance Info-01.png

Play Store

Na play store, li os comentários e vi a pontuação dada pelos clientes. Em geral, a pontuação é alta (4,4/5).

 

Os clientes gostam do atendimento e do próprio aplicativo, mas existem alguns problemas em circunstâncias específicas como transações e bloqueios, em geral. Existem outros problemas na experiência que devem ser corrigidos, como a engenheira Leila, alguns botões, etc.

Apple Store

Porém, a situação mudou na Apple Store, os problemas giraram em torno da atualização, do limite do cartão de crédito e do saldo da fatura, a maioria deles. A pontuação é menor (4,2/5) do que na loja de jogos.

 

Este comentário estava pedindo o gráfico. O que levantou uma suposição sobre a importância das partes visuais do conteúdo.

Comment.png
''Took off the extract chart. I loved this chart, will it come back? ''

Dashboard

Eu não sabia muito sobre dashboards e o que eles concernem, então pesquisei.

 

Ele foi criado para estimular e analisar dados para, dessa forma, agir. Então eu pesquisei que tipo de dashboard se encaixava melhor no caso da fintech. Depois disso, percebi que o painel estratégico atinge as expectativas.

Benchmark

Comparei todas as fintechs concorrentes ao Nubank para ter uma noção sobre recursos, desvantagens, quantidade de clientes e satisfação (medida na Apple Store e Play Store). E eu também incluí Nubank.

Benchmark-01.png

Formulário

Esta pesquisa me possibilitou criar um survey e aplicar para levantar dados qualitativos. Recebi 19 respostas apenas de clientes Nubank.

Nubank - Survey charts-02.png
Nubank - Survey charts-01.png
Nubank - Survey charts-03.png
Nubank - Survey charts-08.png
Nubank - Survey charts-06.png
Nubank - Survey charts-07.png
Nubank - Survey charts-05.png
Nubank - Survey charts-04.png
Nubank - Survey charts-09.png
Nubank - Survey charts-10.png

Entrevista

Fiz uma entrevista ligando que durou 25 minutos, com um homem, 23 anos, formado em administração e que trabalha com vendas em uma empresa de tecnologia. Para isso, fiz uma entrevista mediada com 11 questões, pois precisava entender alguns pontos (valor, experiência e como tipos de gráficos) e validei outros provenientes da pesquisa e premissas (cartão de crédito, caderneta de poupança e gráficos).

Resumidamente, o cliente falou sobre problemas em torno de não retiradas, relatórios de transações e transparência das compras (e divisão em categorias). Disse que gosta da falta de burocracia, atendimento bom, rápido e humanizado, transparência de taxas e dados. Além disso, ele falou sobre preferir gráficos de pizza a outros tipos e isso é tão importante para a organização financeira.

Hipóteses

Enquanto eu pesquisava, eu fiz algumas suposições. Alguns deles eu já validei ou não no início da desk research e outros precisei do levantamento e da entrevista para entendê-los melhor. Principalmente a entrevista me possibilitou ter muitos insights que eu poderia cruzar com as suposições validadas.

 

Aqui estão todas as suposições que tive durante o caminho (destaquei em roxo as validadas) e algumas delas percebi que não eram relevantes após as pesquisas e entrevista:

 

  • Os clientes gostam de peças visuais para ajudar;

  • As pessoas preferem resolver problemas na internet banking;

  • A maior parte dos clientes são homens;

  • Eles preferem a caderneta de poupança porque é mais estável e segura;

  • O principal problema é em torno do cartão de crédito;

  • A isenção de impostos é a maior vantagem;

  • A conta poupança é muito utilizada;

  • Os gráficos ajudam a fortalecer um dos valores de Nubank (transparência);

  • Os gráficos são importantes para a compreensão dos números;

  • Os usuários preferem o gráfico de linha.

Estabelecimento do Problema

O Nubank, como banco digital, precisa melhorar a navegação pelo app e internet banking com mais interação e ainda mais transparência. Além disso, gráficos simples de fácil compreensão.

Mapa da Empatia

Coletei informações sobre os usuários na desk research, em pesquisas e na entrevista, assim, decidi criar um mapa de empatia antes de iniciar a persona, pois queria ter estabelecido, resumidamente, o que consegui dos usuários. Coloquei algumas citações extraídas da pesquisa e da entrevista.

Nubank - Empathy map-01.png

No final, percebi que os usuários ficam um pouco confusos, frustrados, etc, quanto à navegação e visualização dos conteúdos. A transparência, que tanto é proclamada pelo Nubank, não se expressa tanto nesta parte do app, o mesmo acontece quanto aos interesses e compras realizadas.

Persona

Nubank - Persona-01.png

Mapa da Jornada do Usuário

Os insights se formularam e eu anotei aqui nas oportunidades. Assim, percebi que é crucial e está ligada aos dois valores mais expressos pelo Nubank: transparência e controle do usuário.

Nubank - User Journey map-01.png

Matriz GUT

Além disso, senti a necessidade de analisar o cenário completo e dar prioridade para este dashboard, e por isso, achei a matriz GUT a melhor escolha (sendo de 1 a 5, a 1 a menos e a 5 alta prioridade).

 

Fiz um balanço entre as necessidades dos usuários e os propósitos de negócios da startup, no final, comparei com o que os usuários falaram em entrevistas e pesquisas também (e esse grupo teve mais pontuação do que o resto).

Nubank - GUT Matrix-01.png

Moodboard

Nubank - Moodboard-01.png

Style Guide

O Nubank possui um tom de voz jovem, moderno e alegre entre os usuários, portanto os demais valores citados anteriormente. A identidade visual tem um predomínio da cor roxa que significa para a startup: '' (...) cor única, forte e com uma personalidade enorme. ''

Nubank - Style Guide-01.png

Wireframe

O primeiro esboço foi escolhido porque as informações da função eram mais fáceis de entender, com menos necessidade de clicar muito para abrir novas abas e era melhor dividido com base em categorias semelhantes.

20200901_160229.jpg
20200901_160238.jpg
Dasboard - 01.png
Dasboard - 2.png

Visual Design

Eu criei o visual design no Figma.

 

As melhorias que fiz foram:

  • Os usuários queriam mais transparência e é um valor difundido pelo Nubank, por isso fiz o máximo que pude mostrar e sintetizar tantas informações que precisava conter.

  • Coloquei os detalhes mais mostrados e menos necessidade de serem clicáveis ​​que pude, alinhando-os aos gráficos, para ficar mais fácil de entender e de tomar decisões. Este formato foi baseado no existente no aplicativo.

  • Fiz a página do painel do cartão de crédito pelo que os usuários falaram e o que mais usam nos produtos Nubank, isso foi alinhado aos resultados da matriz GUT também.

01.png
Página principal.
  • O gráfico de linhas não é o mais preferido nas pesquisas que fiz, mas foi o mais fácil de compreender e analisar esse tipo de dado, que é fundamental para a organização financeira, e também para algum grupo de usuários, para ajudar a investir o que resta (ou não) do seu dinheiro. Um filtro foi colocado neste gráfico para estabelecer um período de tempo.

  • O gráfico de barras, também não foi citado, porém era linear e muito mensurável para análise de dados.

  • Os impostos foram importantes para a construção da transparência, também comentados pelos usuários, por isso coloquei uma guia e gráficos para expô-lo.

3.png
Aba de Despesas.
  • Os botões para pagar a fatura do mês ficavam ao lado do cartão de crédito, assim como a fatura para imprimir se o usuário preferir pagar à vista. E o botão para ler mais é para explicar a data de vencimento da fatura e seus métodos de pagamento, etc.

  • Também foi mencionada a possibilidade de gerar relatório e imprimir, portanto todo relatório de dados possui este botão.

  • A área de transações recentes é destinada a compras recentes em um curto espaço de tempo super detalhado.

Prototype

Para prototipar eu usei figma também.

 

Se você quiser testar clique aqui.

Obrigada :D

bottom of page