Iago Novais é product designer de fintech, em São Paulo.
Projetou jornadas de Open Finance e Pix no Mercado Pago,
reconhecidas 4× no Open Summit Awards 2022.

Home e Agenda do Guiabolso

Conectando as contas a pagar ao extrato bancário e ajudando a reequilibrar a home lotada de um app de finanças pessoais.

Cargo

Product Designer

Time

Squad de Experiência (Engajamento): PM, engenharia, pesquisa, CX

Plataforma

iOS e Android

Período

2019–2021

Duas versões da nova home do Guiabolso, inclinadas sobre um fundo roxo
58 → 66

NPS do app durante o programa de qualidade

3,4 → 4,0

Nota na loja de apps no mesmo período

8%

Dos usuários da Agenda clicaram para pagar no app depois da integração

3

Pilares equilibrados na nova home: gerenciar, recomendar e movimentar dinheiro

Resumo

O Guiabolso foi um dos primeiros apps de finanças pessoais do Brasil: a pessoa conecta suas contas e vê todo o seu dinheiro num lugar só. No squad de Experiência, trabalhei no núcleo do app, usando dados de uso e tickets de suporte para melhorar os fluxos de controle financeiro. Liderei a integração da Agenda com o extrato e contribuí para a nova home, parte de um programa de qualidade que levou o NPS de 58 para 66.

Entrei como designer júnior e fui promovido a pleno nesse período. A Agenda foi minha de ponta a ponta. Na nova home, contribuí com propostas de estrutura e com as iterações depois dos testes de usabilidade, junto com pesquisa, produto e engenharia.

Contexto e desafio

O app precisava equilibrar três pilares: gerenciar o dinheiro, recomendar produtos financeiros e movimentar dinheiro. A home estava lotada, e a Agenda, onde a pessoa planeja contas e receitas futuras, era pouco usada: era preciso digitar cada conta à mão, mesmo quando o gasto já estava no extrato.

Processo

01

Ouvir os dados

Alinhei com stakeholders e cruzei tickets de suporte e pedidos de usuários com dados de uso das funcionalidades.

02

Prototipar

Wireframes e protótipos navegáveis no Figma.

03

Testar com usuários

Entrevistas de usabilidade com o time de pesquisa e iteração a partir do que surgiu.

04

Entregar aos poucos

Entregamos as melhorias de forma incremental com o squad.

A home do Guiabolso antes e depois do redesenho

Decisões-chave

01 — As contas onde o dinheiro já está

Os tickets e os dados de uso contavam a mesma história: as pessoas queriam planejar as contas, mas cadastrá-las do zero dava trabalho demais. Projetei um fluxo em que a pessoa escolhe qualquer gasto do extrato e o adiciona à Agenda como conta ou receita, com os dados já preenchidos. Ela só confirma nome, valor, vencimento e recorrência, e pode ativar um lembrete para o dia anterior.

Depois do lançamento, em junho de 2020, o time de CX relatou que as pessoas perceberam e gostaram da mudança, o acesso à Agenda subiu e 8% dos usuários da Agenda clicaram para pagar pelo app (fonte: time de Data Science).

Três passos: qualquer gasto do extrato, dados já preenchidos, vinculado à Agenda

02 — Uma home, três pilares

Para a nova home, contribuí com propostas de estrutura que davam lugar a cada pilar sem que um dominasse: um saldo único com detalhes sob demanda, atalhos para movimentar dinheiro e um planejamento do mês que leva a sugestões de investimento. Depois que a pesquisa consolidou o relatório de usabilidade, adaptei os fluxos ao que os usuários apontaram e apresentei as mudanças ao squad, que as entregou de forma incremental.

A nova home anotada com o lugar de cada pilar

Resultado

A integração da Agenda aumentou o uso da funcionalidade, com 8% dos usuários da Agenda clicando para pagar pelo app. Junto com outras melhorias de qualidade no app, o trabalho na home contribuiu para levar o NPS de 58 para 66 e a nota na loja de 3,4 para 4,0.

O que aprendi

A melhor porta de entrada para uma funcionalidade muitas vezes são dados que a pessoa já tem.

Agradeço a tanta gente: trabalhar no Guiabolso foi um período especial. Em especial ao Diogo, que confiou em mim e bancou a minha transição de carreira.