Porquinho | Banco Inter

SERVIÇOS

UI Design | Design | Research | Strategy

EQUIPE

Danillo Thurler
Jessica Feliciano
Jessica Habinoski
Ricardo Fernandes
Vanessa Luz

SOBRE O PROJETO

O projeto a seguir foi o trabalho de conclusão realizado para o curso “Formação em UX, UI e Product Design”, do UX Unicórnio.

O Banco Inter já se tornou referência quando se trata de banco digital e ganhou o coração dos brasileiros quando o assunto é investimento.

O desafio, neste projeto, consistiu em criar uma proposta de feature a ser implementada no app do banco, que possibilitasse responder à pergunta “Como estimular o hábito de guardar dinheiro para realização de projetos pessoais?”.

CONCEITUAÇÃO

Para o visual da feature, foi adotado o design system do próprio Banco Inter, respeitando suas cores, tipografia, botões e outros elementos gráficos. 

Pensando na usabilidade, foi adotado um conceito limpo e objetivo, que atende, de imediato, as necessidades e desejos do usuário.

Estimulando correntistas do Banco Inter a guardarem dinheiro para realizarem projetos pessoais

Como utilizamos UX design pra ajudar pessoas a economizarem parte de sua renda para a realização de sonhos, anseios e desejos.

Como estimular o hábito de guardar dinheiro para realização de projetos pessoais?

Cenário

A educação financeira pode trazer diversos benefícios, entre os quais guardar dinheiro para a realização de sonhos. Segundo o caderno de Educação financeira do Banco Central, no instante em que programar a aposentadoria, comprar um Smartphone ou fazer uma viagem exigem esforços para sua realização, os sonhos convertem-se em projetos. E, como todo projeto, demanda planejamento para sua realização.

Em pesquisa feita pelo CNDL e o SPC Brasil, 67% dos entrevistados não conseguem guardar dinheiro. A dificuldade se mostrou maior entre os mais humildes (71%) e expressiva entre os mais abastados (54%). Apesar da questão financeira ser um desafio, constatou-se como mais emblemático a falta do costume de poupar entre as classes. Dentre as razões apontadas estão renda baixa (40%), imprevistos financeiros (18%) e gastos não planejados (15%).

Com a tecnologia atual ressignificando nossas vidas, a nossa relação com o dinheiro se tornou mais cômoda. O aumento de fintechs exemplifica isso ao apresentarem soluções intuitivas e simplificadas para a organização financeira. Na esteira dessas inovações, presenciamos também o processo de digitalização de bancos tradicionais como BB ou Bradesco e ascensão de bancos essencialmente digitais como NuBank e Inter.

Mesmo assim, guardar dinheiro para a realização de projetos persiste sendo algo complexo para o brasileiro. Ciente dessa dificuldade, consideramos fundamental para este projeto explorar as barreiras em torno da organização financeira a fim de encontrar maneiras para o seu estímulo.

Objetivo

Desenvolver cofrinho digital gamificado que estimule 5% dos correntistas a guardarem uma parte de sua renda por 3 meses consecutivos durante um período de 6 meses para analisarmos a aceitação do público.

Usuário

De modo a conhecer melhor o usuário em potencial do serviço, desenvolvemos uma proto persona chamada Patrícia, posteriormente validada por pesquisas quantitativa e qualitativa.

Jornada do Usuário

Agora que temos uma persona, criamos a jornada do usuário, também validada por pesquisas quantitativa e qualitativa, para ilustrar o percurso idealizado para a realização da meta.

Storytelling

Para melhor ilustrar, apresentamos a história de Patrícia e a jornada do usuário para alcançar o sonho de viajar para Fortaleza.

Era uma vez Patrícia, uma recepcionista de hotel que sonha em conhecer todos os estados do Brasil. Todos os dias ela acorda cedo para trabalhar em um hotel na cidade de Niterói/RJ. Certo dia fez o check-in de turistas que falaram das experiências em seu último destino, Fortaleza/CE. Desde então, começou a analisar sua situação financeira, a se organizar financeiramente e a cultivar o hábito de guardar dinheiro com a realização da sonhada viagem. Por causa da necessidade de juntar dinheiro, utilizou o serviço do Porquinho Inter. Até que finalmente conseguiu reunir o valor necessário para viajar.

Primeira Validação

A exploração desenvolvida sobre a organização financeira mobilizou o uso da Matriz CSD, a adoção de questionário via Google Forms e de entrevistas síncronas e assíncronas via WhatsApp e Google Meet, como descreveremos a seguir.

Suposições e Hipóteses

Com o objetivo de priorizar as dúvidas sobre o tema, adotamos a matriz CSD para priorizar as hipóteses vindas a partir das informações das proto persona e proto jornada, conforme mostram os registros abaixo.

Pesquisa Quantitativa

Na busca por sanar as dúvidas priorizadas, formulamos hipóteses e desenvolvemos questionário online para entender como as pessoas se sentem em relação à organização financeira e se elas usam algum método para se organizarem. O compartilhamento da pesquisa em grupos de organização financeira e nos perfis pessoais dos envolvidos nesse estudo foram as estratégias de disseminação adotadas. Em 48 horas, conseguimos um total de 119 respostas.

A estruturação da pesquisa seguiu o seguinte molde: com base em cada hipótese levantada, elaboramos uma pergunta e, posteriormente, analisamos sua validação.

Exemplo de hipóteses levantadas e respectiva pergunta elaborada.
Destaques da pesquisa quantitativa sobre organização financeira.

Pesquisa Qualitativa

A necessidade de explorar ainda mais o que desestimula o hábito de guardar dinheiro nos levou, na pesquisa qualitativa, a explorar as estratégias adotadas para essa finalidade. Para isso, resolvemos entrevistar os participantes da fase quantitativa que consideraram a organização financeira como algo necessário de ser feito e que aceitaram fazer parte dessa etapa ao informar seus contatos. Foram feitas 8 entrevistas síncronas e assíncronas, conforme a disponibilidade dos mesmos, via WhatsApp e Google Meet.

Exemplo de perguntas elaboradas e conduzidas para os oito entrevistados.

As entrevistas nos mostraram que a principal medida adotada foi o corte de gastos considerados supérfluos. Esse dado nos permite deduzir que o ato de guardar dinheiro se mostrou algo difícil de ser praticado por estar associado a um sacrifício, uma vez que os cortes incidem em gastos que provém prazer — compras de roupas, idas à restaurantes, viagens, etc.

Alternativas de Solução

Outro elemento importante analisado foram as oportunidades de negócio, identificadas na proto jornada. Norteados pelos conhecimentos obtidos, utilizamos a técnica HMW para priorizar as oportunidades que pudessem gerar maior impacto com menor esforço.

Matriz impacto x esforço para soluções.

Tendo em vista a associação negativa entre guardar dinheiro e sacrifício, consideramos oportuno e de maior impacto investir em soluções que estimulem, que tragam prazer ao ato. Desta forma, as soluções priorizadas foram:

  • Como poderíamos tornar o gerenciamento financeiro algo simples e rápido?
  • Como poderíamos oferecer gamificação de metas?
  • Como poderíamos oferecer recompensas e vantagens por metas cumpridas?
  • Como poderíamos oferecer descontos e/ou cashback de empresas parceiras?


Vale destacar que todas as soluções direcionaram nosso foco para ações que facilitassem e estimulassem a prática de guardar dinheiro. A gamificação, o oferecimento de descontos e vantagens, em uma plataforma simples e funcional foram argumentos valorosos para desmistificar a ideia de guardar dinheiro como algo penoso, com sacrifícios.

Solução

Com base nos aprendizados, os integrantes individualmente trabalharam em rabiscos de produtos/serviços que resultaram no advento do esboço de solução: um cofrinho digital gamificado.

Registro de rabiscoframe.

O rascunho apresentado orientou o desenvolvimento do protótipo de baixa fidelidade que você pode acessar aqui. Aplicamos esse protótipo a um teste de usabilidade com 6 pessoas que não participaram das pesquisas anteriores. Inserir metas, visualizar gastos, depositar dinheiro na carteira foram algumas das tarefas solicitadas. Apesar de bem sucedidas, foram identificados alguns problemas:

  • o botão de + no menu de navegação gerou confusão;
  • a ausência de um botão de depósito na tela de metas ocasionou insegurança para adicionar um valor na carteira;
  • a tela de categoria de gastos causou dúvida, tanto pelo título quanto pela apresentação.
  • Ausência de um botão claro para incluir gastos em espécie foi apontado.

Na análise da usabilidade do esboço de solução, consideramos de menor esforço e maior benefício vincular a proposta a um banco, dando enfoque à gamificação de metas. Afinal, bancos, como o Inter, já possuem parcela das demais oportunidades identificadas.

Com isso, o percurso nos levou a apresentar como proposta de solução o Porquinho, o cofrinho digital gamificado do Banco Inter desenvolvido para estimular a prática de guardar dinheiro para a realização de metas pessoais, como a viagem da Patrícia. No Porquinho, os valores guardados pelos correntistas são convertidos em pontos que somados podem prover recompensas vindas de empresas parceiras do banco (Shopping Inter). Com isso, cria-se um ciclo de retroalimentação de produtos e serviços.

Wireframe e Fluxo do Usuário

A escolha por incorporar nossa solução a um banco já existente, nos levou a explorar o aplicativo e o site oficial do Banco Inter em busca de informações que nos ajudasse a entender a maneira como eles apresentam as informações e a montar um Guia de Estilos básico, para posterior aplicação no protótipo de alta fidelidade.

Fluxo do usuário desenvolvido por meio do estudo do funcionamento do app oficial combinado com as funcionalidades do Porquinho.

Orientados pela identidade visual do Banco Inter, construímos o wireframe do Porquinho, com as seguintes funções:

  • Splash page única com rolagem vertical apresentando ao usuário o Porquinho do Inter e explicando suas funcionalidades;
  • Resumo de valores e pontuação na porção superior do app;
  • Formulários da plataforma com todos os campos de inserção de dados na mesma tela;
  • Utilização de cards para agrupar informações.
Você pode acessar o protótipo de média fidelidade aqui.

Guia de Estilos

A análise do código-fonte do site oficial permitiu que coletássemos os códigos das cores primary, secondary, dark, light, danger e success. Fontes, botões e formulários foram elaborados para coincidir com a identidade visual do Banco Inter.

Considerando as práticas visuais atuais do banco, percebemos que o botão verde é utilizado em diversos CTA (call to action), por isso utilizamos este modelo como padrão para este tipo de chamada.

Protótipo de Alta Fidelidade

Testes de Usabilidade

O protótipo de alta fidelidade foi submetido a testes de usabilidade com 5 pessoas, todas correntistas do Banco Inter, de forma assíncrona via Whatsapp. As principais observações estão listadas a seguir:

  • ausência de uma maneira de resgatar os valores acumulados nas metas, foi apontada;
  • falta de detalhamento acerca do rendimento do Porquinho foi revelada. Indicar o valor exato do rendimento ajudaria a engajar os correntistas;
  • botão de adicionar dinheiro estava dentro de uma meta específica e causou confusão, pois na próxima tela oferecemos a possibilidade de escolher em qual meta inserir o valor;
  • Na tela de criação de meta, após passar pela splash page, o botão de voltar levava à página inicial do Porquinho e causou estranheza, pois deveria voltar para a splash page.

Vale ressaltar que essas observações já foram alteradas e precisam passar por novos testes para serem validadas.

Mesmo com as observações acima, os usuários alegaram que sentiram-se realmente dentro do app do Banco Inter, o que atesta que conseguimos manter os padrões visuais presentes no app.

Testes de Usabilidade

A sede por desbravar as técnicas e abordagens do design da experiência do usuário, nos levou inicialmente a nos colocarmos no lugar de usuários. Contudo, aprendemos que esse lugar não nos pertence. As pesquisas foram essenciais para abrir nossos olhos, ouvidos e mentes para prover a melhor solução possível aos usuários que desejam se organizar financeiramente para realizar seus sonhos.

As consultas com usuários foram fundamentais para revermos nossa direção e inserir a proposta do cofrinho digital dentro da plataforma do Banco Inter. Isso nos mostrou a relevância das entregas parciais para o negócio. Entendemos que é de extrema importância realizar novas pesquisas e novos testes a fim de melhorar ainda mais o produto e sua usabilidade. Certamente a experiência que tivemos nos fará alçar outros voos de modo mais atento e consciente do papel que temos.

O percurso que nos levou a realização do Porquinho do Banco Inter foi realizado durante o período mais incisivo da Pandemia do Covid-19. Feito em ambiente 100% remoto, os últimos 3 meses foram marcados por 15 reuniões síncronas por Google Meet e conversas assíncronas via Telegram. O desafio e as técnicas adotadas foram frutos do curso UX Unicórnio idealizado por Leandro Rezende. Nosso mais sincero agradecimento por fornecer os subsídios necessários para a construção deste case e por nos preparar para o mercado.