04 — Checkout · PicPay
Checkout PicPay
Quatro anos redesenhando o checkout mais crítico do PicPay: de MVP sobrecarregado a produto financeiro consolidado.
Visão geral
Problema
O checkout do PicPay nasceu como MVP para o Pix pago com cartão de crédito. Com o crescimento acelerado, BNPL e novas formas de pagamento foram sendo encaixadas na mesma estrutura de tela. A interface ficou densa, as decisões se acumularam num único momento e os usuários passaram a pagar com a fonte errada com frequência. O suporte acumulava tickets sobre cobranças inesperadas que, para o time, eram totalmente previsíveis.
Contexto
O Pix pago com cartão tinha transformado o PicPay de uma operação deficitária numa locomotiva de rentabilidade. Mexer no checkout era mexer no motor do negócio. A liderança executiva tinha uma crença clara e consolidada: mais etapas no checkout significam mais fricção e menos conversão. Qualquer proposta que aumentasse o número de telas enfrentaria essa premissa antes de chegar a qualquer dado de uso.
Hipóteses
Se as decisões de pagamento fossem distribuídas em telas separadas, cada momento teria menos informação para processar. Com isso, a visibilidade de cartão e parcelamento aumentaria, os erros de fonte diminuiriam e o awareness de produtos financeiros cresceria. A hipótese mais delicada era que a conversão poderia ser preservada, mesmo com mais etapas. Confirmar isso exigiria evidência própria, não só benchmarks de mercado.
Escopo de atuação
- Análise competitiva de padrões de checkout: one-shot versus step-by-step em referências do mercado financeiro
- 54 testes de usabilidade guerrilha nas ruas de São Paulo, em 5 dias, 4 regiões e 4 variações de protótipo navegável em alta fidelidade
- Definição e validação do modelo step-by-step em experimento A/B com produção
- Redesign do Design System: tipografia, hierarquia cromática, espaçamento, iconografia e border radius
- Novo ciclo de testes guerrilha para validar ganhos de confiança e percepção de qualidade com o novo visual
- Concepção do conceito de pagamentos mistos (saldo, cartão e BNPL em combinação na mesma transação)
Solução
54 testes para derrubar uma crença
O primeiro passo foi conseguir permissão para mudar. Benchmarks mostravam que o padrão step-by-step era comum em produtos financeiros de referência, mas a liderança não se convenceu: a crença de que mais etapas reduzem conversão estava consolidada e não cederia a exemplos externos. Para avançar sem esperar meses por um experimento em produção, rodamos 54 testes de usabilidade moderados nas ruas de São Paulo em 5 dias, com usuários reais e protótipos de alta fidelidade em 4 regiões diferentes da cidade. Custo quase zero. Dados próprios.
Menos por tela, mais no total
Os testes confirmaram que mais etapas não criavam mais dificuldade. Pelo contrário: cada tela com menos decisões reduzia a carga cognitiva e tornava as opções de pagamento mais legíveis. Isolar a escolha de cartão e parcelamento levou os usuários a considerar essas opções com mais frequência. O experimento em produção validou o modelo: +9% em pagamentos com cartão, +15% na média de parcelas e queda de 54% no contact rate do suporte por cobranças erradas. A conversão global foi preservada.
Um produto financeiro precisa parecer um produto financeiro
Com a estrutura resolvida, o Design System acusava os anos de crescimento acelerado: tipografia com variações em excesso, cores saturadas em áreas amplas, espaçamentos inconsistentes e iconografia de leitura ruim. O redesign foi profundo. Nova família tipográfica com menos pesos, cor saturada restrita a momentos de destaque, tokens de espaçamento padronizados e raios mais generosos em todos os componentes. Num novo ciclo de testes guerrilha, usuários relataram mais confiança e percepção de profissionalismo do que antes.
Pagar com dois cartões ao mesmo tempo
Com estrutura e visual consolidados, a próxima fronteira era combinar múltiplas fontes numa única transação: saldo com cartão, saldo com BNPL, dois cartões. O conceito desenvolvido explorou um momento visual de celebração no pagamento misto, cruzando as identidades cromáticas das duas instituições envolvidas. Mais do que estética, era um posicionamento sobre o papel do PicPay como plataforma: instituições concorrentes podem coexistir e se complementar dentro de um mesmo produto.
Resultados
Validado em experimento A/B com produção
Maior uso de parcelamento na jornada de pagamento
Redução de ~2% para ~1% em tickets de pagamento incorreto
5 dias, 4 regiões de São Paulo, custo quase zero