Plataforma Financeira
Este projeto envolveu a melhoria de uma ferramenta de backoffice utilizada por empresas para gerenciar processos de cobrança e recebíveis de forma integrada às suas operações financeiras.
Duração
Time
1 mês
UX/UI Designer
Product Owner
Analista de Negócios
Meu papel
UX/UI Designer
Ferramentas
Miro
Figma
Contexto
A solução existente apresentava desafios na jornada do usuário, com uma interface que poderia ser mais clara e filtros que não atendiam completamente às necessidades dos usuários. Isso dificultava a navegação e impactava a usabilidade, prejudicando a eficiência na realização das tarefas. Além disso, foi identificado a necessidade de incluir uma nova modalidade de cobrança, o Boleto Híbrido (um boleto com QR code para pagamento via Pix ou código de barras), e aprimorar a jornada de visualização das cobranças geradas.
Processo UX
Etapas seguidas
O processo de design que sigo é dividido em seis etapas: Descoberta, Definição, Ideação, Prototipagem, Validação e Entrega.
Cada fase tem um papel essencial para garantir que a solução desenvolvida esteja alinhada às necessidades reais dos usuários e aos objetivos do negócio — da compreensão do problema até a entrega final da experiência.
Descoberta
Compreender os principais desafios enfrentados pelos usuários na plataforma de gestão de cobranças e identificar oportunidades de melhoria na experiência.
Atividades realizadas
Análise heurística da interface atual
Avaliação de problemas de usabilidade, inconsistências visuais e barreiras na navegação.
Coleta de feedbacks recorrentes
Levantamento de reclamações e sugestões vindas dos times de Suporte e Atendimento.
Entrevistas com stakeholders internos
Conversas com analistas, Comercial e Customer Success para mapear as principais dores e expectativas.
Observação dos fluxos existentes
Investigação de como os usuários lidavam com a geração e acompanhamento de cobranças no dia a dia.
Análise de mercado
Estudo sobre tendências em meios de pagamento, com destaque para a popularização do Pix e a adoção crescente do Boleto Híbrido.
Principais descobertas
Navegação desorganizada
A interface carecia de uma estrutura lógica clara, dificultando a realização de tarefas simples.
Filtros pouco intuitivos
Apresentavam termos técnicos e opções redundantes, o que tornava a busca por informações mais lenta e confusa.
Jornada de visualização ineficiente
Os usuários não conseguiam acompanhar com clareza o status das cobranças geradas, o que comprometia o controle sobre os pagamentos.
Ausência do Boleto Híbrido
A plataforma ainda não oferecia a opção de cobrança via QR Code (Pix) junto ao código de barras tradicional, o que limitava a flexibilidade e modernização dos meios de pagamento.
Definição
Organizar os aprendizados da descoberta
Focos definidos
-
Reestruturar a navegação, organizando o fluxo em etapas lógicas e sequenciais.
-
Reorganizar os filtros, utilizando linguagem clara e categorização mais objetiva evitando filtros desnecessários.
-
Redesenhar a jornada de visualização das cobranças, com foco em status, ações e monitoramento.
-
Incluir a funcionalidade do Boleto Híbrido, unificando QR Code e código de barras em um único meio de pagamento.
Alinhamentos estratégicos
-
Melhorar a eficiência operacional dos usuários.
-
Reduzir retrabalho, erros e tempo gasto nas rotinas de cobrança.
-
Modernizar a experiência de pagamento, aumentando a adesão ao Pix.
-
Garantir a viabilidade técnica e escalabilidade da solução.
Ideação
Explorar e desenvolver soluções viáveis e funcionais para os problemas priorizados, considerando a usabilidade, tecnologia e valor de negócio.
Soluções Propostas
Reestruturar a navegação
Organizar o fluxo em etapas lógicas e sequenciais.
Reorganizar os filtros
Utilizar linguagem clara e categorização mais objetiva, evitando filtros desnecessários.
Redesenhar a jornada de visualização das cobranças
Com foco em status, ações e monitoramento.
Incluir Boleto Híbrido
Unificar QR Code e código de barras em um único meio de pagamento.
Visualizar informações
Monitoramento de envio das cobranças por e-mail.
Prototipação
Transformar as ideias em soluções tangíveis por meio de protótipos navegáveis, possibilitando validação com usuários e alinhamento com o time técnico.
Entregas
-
Protótipos de alta fidelidade navegável no Figma, com foco nos principais fluxos (geração, visualização e acompanhamento de cobranças).
-
Definição e documentação dos componentes reutilizáveis para integração com o design system.
-
Organização dos protótipos por seções funcionais: Informações da Cobrança, Destinatário, Itens, Resumo e Pagamento.
-
Interface adaptada para contemplar tanto Pix via QR Code quanto o código de barras tradicional, com clareza e hierarquia visual.
Na nova jornada de criação de cobranças, estruturada em etapas (steps), os usuários passaram a contar com a modalidade de Boleto Híbrido — que combina Pix via QR Code e código de barras — além da possibilidade de envio direto por e-mail.
Os filtros foram redesenhados com base nos critérios mais utilizados e considerados essenciais para a busca de títulos, permitindo uma seleção mais eficiente.
A interface também passou a exibir a quantidade total de títulos disponíveis e os títulos já adicionados, oferecendo ao usuário maior controle e visibilidade durante o processo.
Incluí informações-chave na interface, como a quantidade de títulos selecionados e o valor total da cobrança, além de um resumo final para que o usuário possa revisar todos os dados e garantir que estão corretos antes de concluir a geração da cobrança.
O novo Monitor de Cobrança passou a exibir de forma centralizada o status de cada cobrança, com acesso direto ao boleto ou QR Code para pagamento. Além disso, o usuário pode visualizar se o e-mail de cobrança foi enviado com sucesso e para qual endereço eletrônico, facilitando o acompanhamento e a rastreabilidade das ações.
Também incluímos a opção de filtrar as cobranças.
Visualização detalhada da cobrança com as informações essenciais para o dia a dia do usuário.
Anteriormente, não era possível visualizar a cobrança enviada de forma clara, com as principais informações reunidas. Isso dificultava o monitoramento da cobrança, pois dados cruciais para o acompanhamento não estavam facilmente acessíveis.
Os usuários relataram que a falta de visibilidade sobre o e-mail de envio da cobrança dificultava o acompanhamento no dia a dia, impactando diretamente na agilidade do trabalho.
Validação
Avaliar as soluções propostas por meio de testes de usabilidade com os usuários, garantindo aderência às necessidades identificadas na fase inicial.
Testes de Usabilidade
Realizamos sessões com 7 usuários diferentes simulando cenários do dia a dia. Avaliamos a eficiência das novas funcionalidades, como a navegação reorganizada, filtros aprimorados e o fluxo do novo Monitor de Cobrança. Validamos especialmente a nova modalidade de boleto híbrido, observando sua compreensão e uso pelos usuários
Feedback dos Usuários
A navegação ficou muito mais intuitiva, agora encontro as informações de cobrança com mais facilidade."
A exibição clara do status, QR code e envio por e-mail facilitou muito o acompanhamento da cobrança.
A modalidade de QR Code fazia muita falta na hora de enviar as cobranças para os clientes.
Iteração e Ajustes Pós-Validação
Com base nos feedbacks coletados durante os testes de usabilidade, realizamos ajustes no layout dos filtros e melhoramos a hierarquia de informações na tela de revisão, facilitando a conferência antes de gerar a cobrança.
Conclusão
Neste projeto, meu principal objetivo foi aprimorar a usabilidade e a eficiência do processo de cobrança, simplificando a navegação e resolvendo os principais problemas enfrentados pelos usuários. Após uma análise detalhada dos desafios — como a navegação desorganizada e filtros pouco intuitivos —, desenvolvi soluções voltadas para uma experiência mais clara, produtiva e centrada no usuário.
A reorganização do fluxo em etapas (steps) destacou-se como uma melhoria essencial, proporcionando mais transparência no processo de geração e acompanhamento das cobranças. Com isso, os usuários passaram a navegar com mais fluidez, reduzindo frustrações e aumentando a precisão no controle de pagamentos. Além disso, a introdução do boleto híbrido agregou modernidade e flexibilidade ao processo, facilitando a escolha do meio de pagamento.
Resultados Alcançados
-
Navegação mais fluida e intuitiva; Redução significativa na taxa de erros durante o monitoramento;
-
Ganho de tempo na execução de tarefas relacionadas a cobranças;
-
Aumento da satisfação e confiança dos usuários na solução.
-
As melhorias implementadas e validadas contribuíram para uma experiência mais eficiente e agradável, consolidando a proposta de valor da solução e alinhando-a às reais necessidades dos usuários.
Próximos Passos
Manteremos um monitoramento constante das melhorias implementadas para garantir que continuem atendendo às expectativas dos usuários. Para isso, estabelecemos um ciclo regular de coleta de feedbacks e análise dos dados de uso, permitindo identificar oportunidades de aperfeiçoamento e realizar adaptações sempre que necessário. Esse acompanhamento contínuo visa assegurar que a plataforma permaneça eficiente, evolua de forma alinhada às necessidades dos usuários e contribua para os objetivos estratégicos do negócio.