2025 – UX / UI Design

Criando uma jornada 

de pagamento em um 

produto e-commerce

2025 – UX/UI Design

Criando uma
a Pix journey payment in a
produto e-commerce

Minha função

 
Product designer UX Research,
UI Design, Interation design,
Facilitation and presentation sessions

 

Equipe

 

Henrique Machiavelli, TL
Gustavo Silva, TL (Pix)
Beatryz Matos, CX
Bárbara Palma (UXW)

Cecília Deveza, PM
 

Linha do tempo

 

1 mês e meio, lançado em janeiro,2025

Visão geral

 

Efí bank é uma intermediária de pagamentos online que oferece soluções de cobrança por meio de boletos, carnês e cartões de crédito.

 

Oferecendo também serviços como Pix, API, Open Finance, Gestão de Recebimento, Faturamento, API Pix e Tecnologia para gestão empresarial.

 

Declaração do problema 

 

Além das opções de cartão e boleto, queremos oferecer aos nossos clientes a alternativa de enviar cobranças usando a opção Pix.

 

Objetivos principais

Fornecer soluções que garantam a melhor experiência com o Pix ao incluí-lo entre as opções de pagamento disponíveis.

Ao final da pesquisa, deixar claro qual a ordem de prioridade para a equipe de desenvolvimento iniciar o trabalho.

Garantir o mapeamento de todos os locais da plataforma que serão afetados pela adição do pagamento por Pix.

Entregar um relatório com todos os links e documentos necessários para que outras equipes trabalhem.

Pesquisa e análise

Através do processo do Diamante duplo, o primeiro passo foi entender se já existia algum profissional trabalhando em algo relacionado ao Pix e garantir que meu trabalho não o afetaria.

 

Também procurei em nosso sistema feedback de clientes que gostariam de realizar cobranças pela opção Pix.

Início da pesquisa

Benchmarking

 
Para entender a fundo como outros players estão oferecendo a opção Pix, as diferenças entre as plataformas e como garantir a melhor experiência aos usuários.
Início da pesquisa

Matriz CSD


A matriz CSD me ajudou a validar suposições, dúvidas, e certezas tanto no início, quanto no ao final do projeto.

Visão geral/definições da plataforma (fluxos de usuários)

Um ponto extremamente importante foi mapear os produtos que seriam afetados por esta mudança no sistema. Então, criei um filtro pessoal para analisar se o ajuste de layout seria apenas textual, adicionando componentes Pix, ou alterando todo o fluxo (Back e Front-end).

Fluxo de usuário de cada produto que receberá opção Pix

Matriz de Impacto/Esforço (Priorização)

Conforme a pesquisa evoluiu, foram identificados diversos pontos da plataforma que precisavam ser ajustados. Então convergimos para a Matriz de Esforços de Impacto que ajudou a mapear quais seriam esses locais e em que ordem os desenvolvedores trabalhariam.

Matriz de Esforços de Impacto – Priorização de “o que faremos primeiro e o que faremos depois”

Processo de ideações

Realizei diversas reuniões com stakeholders, PMs, tech leads e CX para validar o fluxo ideal.

Components

Handoff e próximos passos

Após a aprovação, todas as pesquisas, links e processos foram compilados em um documento e disponibilizados aos líderes de produto. Isso acelerou a tomada de decisões futuras.

Documento final

Entregáveis (web, tablet e mobile)

 

Produtos Link de pagamento, Botões de pagamento, Sistema API (Dev.Efi Pay),

Tela de pagamento e tela de gerenciamento

Emissão de link de pagamento (com nova opção Pix)
Tela de gestão
Web - Modal de detalhamento
Celular - Modal de detalhamento (tela inteira)
Tela de pagamento (para clientes finais)

Aprendizados e opiniões

Documente tudo!

De datas, reuniões a decisões tomadas! Agora temos uma nova PM que elogiou a documentação criada, agilizando suas próximas ações.

Fale com as equipes

Alinhar pontos de ação e possíveis problemas com líderes técnicos e PMs me ajudou desde o início a entender como ir do ponto A até a entrega no ponto B

Tamanho da entrega

O que a princípio parecia algo “simples”, se intensificou e vai influenciar toda a plataforma. Entender isso foi crucial para evitar atrasos na entrega.

Antes de começar

O Pix é um dos nossos maiores produtos! É muito importante entender quais ajustes serão feitos e quais equipes serão afetadas.

Equipe de desenvolvimento

A comunicação é a chave! Como precisamos envolver outras equipes (equipe Pix), foi ideal para o sucesso do projeto nos reunirmos semanalmente com eles. Na etapa de handoff tivemos zero pontos de atrito.

Priorizar acelera tudo

Quando percebemos que a demanda era grande, foi essencial priorizar com a liderança quais produtos receberiam o Pix primeiro. Essa priorização nos permitiu entregar as principais soluções mais rapidamente.

 

Próximos passos

 

Acompanhar métricas para medir resultados! Trarei novidades em breve!

Marcus Martins

Vamos conversar sobre como transformar ideias em soluções reais?

Designed by Marcus Martins | 2025 © Todos os direitos reservados.

Rolar para cima