Negociamais
Objetivo: Otimizar a experiência do usuário e a interface do portal tornando-o mais amigável e facilmente navegável, visando o aumento das conversões, a percepção de valor e a receita gerada.
Papel: UI / UX Designer
Ferramentas: Figma, Photoshop, Illustrator, Hotjar, Google analytics, Méttodos ágeis, Kanban, Jira, Confluence, Figjam
01. Planejamento
Pesquisa exploratória
Buscando entender o mercado em que o Negocia Mais atua, conduzi uma pesquisa online com o objetivo de identificar as principais necessidades e expectativas dos usuários em relação a plataformas de negociação de dívidas.
Nessa pesquisa, além de mapear os principais players do mercado, entender o que está sendo ofertado como solução e compreender melhor o público alvo, descobri também que, segundo a CNC e a Serasa, 77% dos brasileiros maiores de 18 anos estão endividados, sendo 30% deles inadimplentes. Um fato que me chamou muito a atenção.
02. Planejamento
Persona / Público alvo
De posse dos resultados da pesquisa, iniciei a fase 2 de meu estudo visando entender especificamente o perfil de quem compõe essa triste porcentagem.
Através do acesso a um e-book da mantenedora do Negocia Mais, a MFM Tecnologia, onde 983 pessoas foram entrevistadas, descobri que a taxa de inadimplência predomina entre as classes D e E (37%), majoritariamente entre pessoas negras (33%), sendo as mulheres moradoras das zonas Norte e Nordeste as mais afetadas nesta situação. E foi aí que criamos a Ana.
Ao definir Ana, consideramos que ela representa um grande segmento do nosso público-alvo, permitindo que direcionemos nossos esforços para desenvolver um produto que atenda de forma eficaz às suas necessidades.
Persona definida, avancei para a próxima etapa.
Ana, com 35 anos, é mãe de dois filhos, mora em uma comunidade da Zona Norte de São Paulo e trabalha como auxiliar de produção fazendo bicos sempre que pode para compor sua renda.
Seus principais desafios financeiros são as dívidas em cartão de crédito, decorrentes da falta de planejamento e de imprevistos como gastos a saúde de sua família.
03. Planejamento
Benchmarking
Após analisar o mercado de negociação de dívidas online, identifiquei a Serasa como o principal competidor do Negocia Mais, devido à sua ampla base de clientes e à sua reputação no mercado, seguida de perto por outros players como Acordo Certo, Quero Quitar e plataformas dos próprios credores.
Realizei uma pesquisa diagnóstica dos processos atuais do Negocia Mais, mapeando a jornada do usuário desde o cadastro até a finalização da negociação. Além disso, me cadastrei em plataformas de outros players, como o próprio Serasa, visando identificar as melhores práticas do mercado e os pontos de diferenciação que poderíamos explorar durante nossa jornada de melhoria na experiência do usuário.
Reproduzi tudo em um arquivo no Figjam, compartilhei com a equipe, debatemos algumas informações e partimos para a prototipagem.
04. Execução
Wireframe e Prototipação
Após reunião com os programadores para entender tecnicamente o que era possível ser feito, estudei a identidade visual do Negocia Mais, combinei as prioridades de cada demanda com a PO, incluí todas as minhas tarefas e estimativas de tempo no Jira com o apoio de uma agilista e, finalmente, iniciei o processo de design no Figma.
Uma das principais melhorias implementadas foi a unificação de duas telas no fluxo de negociação, resultando em uma redução de 20% no tempo médio de conclusão da tarefa, segundo dados do Google Analytics e Hotjar. Essa otimização não apenas agilizou o processo para os usuários, mas também contribuiu para uma maior satisfação com a plataforma, identificada através de pesquisas de satisfação.
Além disso, o redesign da página principal, com a utilização de contrastes mais altos e uma tipografia mais clara, resultou em uma redução de 15% na taxa de rejeição e um aumento de 20% na taxa de cliques em áreas de interesse, demonstrando uma melhoria significativa na experiência do usuário.
Para otimizar o SEO, reestruturei o conteúdo da página principal utilizando palavras-chave relevantes, o que nos gerou um aumento de 500% em nossos acessos em buscas orgânicas em um ano, ampliando o alcance do portal.
Trabalhei também sobre a responsividade, criando versões específicas para as resoluções de tela mais utilizadas pelos usuários segundo dados do Google Analytics e, por fim, visando agilizar o desenvolvimento de novas páginas e garantir a consistência visual do portal, criei um design system incluindo componentes reutilizáveis e guidelines de estilo dos credores parceiros do Negocia Mais.
05. Execução
Testes
Para garantir a qualidade das soluções propostas, conduzi apresentações detalhadas dos protótipos para as equipes envolvidas e abri a agenda aos demais colaboradores da empresa, para promover um feedback colaborativo.
A partir dos insights coletados, realizei ajustes priorizando as melhorias que apresentaram maior impacto na experiência do usuário, implementei testes A/B para comparar diferentes versões de elementos visuais e interações, e repeti o processo até chegarmos a aprovação final junto aos stakeholders.
06. Execução
Desenvolvimento
Para garantir uma transição suave do design para o desenvolvimento, estabeleci uma colaboração estreita com a equipe de programação fornecendo todos os elementos visuais e especificações técnicas no Figma, incluindo um guia de estilo detalhado e componentes reutilizáveis.
Diante dos curtos prazos e meus conhecimentos em desenvolvimento frontend, evitei inicialmente propostas que exigissem grandes refatorações na estrutura do código, priorizando soluções que pudessem ser integradas de forma ágil ao projeto atual. Essa abordagem permitiu que obtivéssemos resultados visíveis em um curto período, sem comprometer a qualidade da entrega.
07. Pós-produção
Monitoramento
Para garantir que as melhorias implementadas estivessem gerando o impacto desejado, realizei um acompanhamento constante das métricas de desempenho através do Google Analytics e do Hotjar.
Essa análise contínua me permitiu coletar dados valiosos para embasar futuras iterações e garantir que a experiência do usuário estivesse sempre sendo aprimorada. Exemplo: a insegurança dos usuários ao não saber quantas etapas faltavam para concluir o processo.
Para solucionar esse problema, implementei um breadcrumb que indicava claramente o progresso do usuário e essa simples mudança resultou em um aumento significativo na taxa de conversão.