UX Case Study
Marketplace
2024
Redesign de checkout e otimização de funil de conversão em um marketplace B2C de autopeças aftermarket. Diagnóstico de negócio, descoberta em camadas e entrega em 20 dias de design.
Plataforma VTEX
B2C · Autopeças Aftermarket
GA4 + Microsoft Clarity
Grupo Comolatti
Destaques
CONVERSÃO CHECKOUT
*62 %
+158
de 24% → 62% na jornada completa
FATURAMENTO
*3,7 X
Após revisão de todos os gaps
CHECKOUT
6
→
4
Redução de etapas
*Após revisão de todos as frentes do Marketplace durante cerca de 10 meses
01
CONTEXTO
BACKGROUND
A PitStop integra o Grupo Comolatti, um dos maiores conglomerados de distribuição de autopeças do Brasil, trazendo escala real de operação e infraestrutura robusta para o seu negócio digital.
Seu marketplace B2C de autopeças aftermarket opera na plataforma VTEX, integrando em um mesmo ecossistema a logística própria da marca e uma rede de sellers associados, distribuídos em mais de 2.900 pontos de venda em 1.100 cidades brasileiras.
PONTOS DE VENDA
CIDADES BRASILEIRAS
PLATAFORMA
02
O DESAFIO
PROBLEM
O marketplace tinha de forma consistente baixa performance em relação aos demais produtos da companhia, ficando frequentemente abaixo das metas corporativas, mesmo com alto investimento em tráfego pago via Google Ads.
A questão central era entender por que o site vendia pouco.Os dados do GA4 deram a primeira resposta: havia tráfego, mas a taxa de conversão era crítica. O abandono era progressivo e se concentrava principalmente no checkout, onde os usuários iniciavam a compra e desistiam a cada etapa do fluxo.
03
IDENTIFICANDO PROBLEMA
DISCOVERY
Antes de qualquer decisão de design, precisávamos ter certeza de que estávamos resolvendo o problema certo. Estruturei o discovery em quatro partes complementares, cada uma respondendo o que a anterior não conseguia explicar sozinha.
01 · QUANTITATIVO
GA4
Mapeamento completo do funil: pontos de abandono, origem de tráfego, tempo médio de sessão e produtos mais procurados. Estabeleceu onde estávamos perdendo usuários, mas não por quê.
02 · QUALITATIVO
Clarity
Session recordings e mapas de calor para observar o comportamento real. Onde os usuários hesitavam, clicavam sem resposta e desistiam. Os números ganharam contexto.
03 · EMPATIA
Walkthrough
Conduzi a equipe em uma compra real no próprio site, do início ao checkout. Vivenciar a jornada expôs fricções que nenhum dado isolado conseguiria capturar e criou alinhamento que acelerou as decisões.
04 · PESQUISA DE CAMPO
User Interview
Rodadas com as duas personas centrais: mecânicos profissionais e proprietários de veículos. Padrões de decisão fundamentalmente diferentes, qualquer solução precisava servir bem a ambos.
04
PROBLEMAS IDENTIFICADOS
INSIGHTS
A análise revelou um conjunto de problemas em camadas, não uma causa única, mas falhas sobrepostas que se reforçavam e resultavam numa taxa de conversão consistentemente baixa.
05
FRENTES DE ATUAÇÃO
STRATEGY
Com os problemas mapeados, estruturamos cinco frentes de atuação em ordem de prioridade, começando pelo maior gargalo mensurável.
06
REDESIGN DO CHECKOUT
PROCESS
Com os problemas mapeados, estruturamos o redesign em fases sequenciais, cada uma alimentando a próxima. Alinhamento contínuo, retrabalho mínimo.
01
02
03
04
05
06
07
Consolidação dos problemas
Reunimos todos os achados das etapas anteriores: análise heurística, dados do GA4, session recordings do Clarity, entrevistas e o exercício de empatia; Num diagnóstico único e priorizado do checkout. Ponto de partida para qualquer decisão.
Inputs: GA4 · Clarity · Entrevistas · Walkthrough
Benchmark de mercado
Análise sistemática dos checkouts de Mercado Livre, Amazon BR, Magazine Luiza, Casas Bahia e outros, mapeando como cada um estruturava o funil. Incluímos players em VTEX para entender o que era possível dentro das mesmas restrições. O objetivo era aprender com quem já havia testado anos de variação.
Foco específico: o que é possível dentro da plataforma VTEX
Conceituação e alinhamento - Ideação
Conceituação do novo fluxo via sketches rápidos em papel, suficientes para validar o conceito geral com negócio e engenharia antes de qualquer investimento em alta fidelidade. Alinhamento voltado a identificar restrições e divergências cedo para evitar retrabalho.
Output: 1 fluxo aprovado, 0 retrabalho
Navegando as restrições VTEX.
A VTEX impôs limitações arquiteturais reais trazidas pelo time de engenharia, principalmente na organização das macro etapas e na lógica de exibição de frete. Não era possível alterar a sequência estrutural. Adaptamos layouts, reorganizamos hierarquia visual e otimizamos o que estava sob nosso controle: campos redundantes eliminados, pré-preenchimento, automação da seleção de frete por custo e prazo.
Constraints first · Otimização dentro do possível
Construção e validação iterativa
O desenvolvimento das telas seguiu a sequência lógica do fluxo:
carrinho → dados do usuário → endereço → pagamento → PEDIDO EFETUADO
A cada etapa concluída, validávamos com negócio e engenharia antes de avançar. Alinhamento contínuo, sem surpresas na entrega final.
Testes com usuários
Com os protótipos de alta fidelidade construídos fizemos sessões de teste com usuários, em escopo restrito para validar a percepção da jornada e identificar pontos de fricção remanescentes antes do desenvolvimento.
Hi-fi prototypes · Validação de JORNADA
Validação final e aprovação
Antes de ir para desenvolvimento, validação abrangente com diretoria, negócio e engenharia para alinhamento estratégico completo e aval para implementação. Go-live em 2 meses.
Stakeholders · Diretoria · Aprovação para dev
07
ANTES E DEPOIS
VISUAL
Comparativo lado a lado de uma das telas do checkout — mesmas restrições da plataforma, decisões de design completamente diferentes. Hierarquia visual, eliminação de campos redundantes, antecipação de erros e pré-preenchimento.
Carrinho
ANTES
DEPOIS
Dados do usuário
ANTES
DEPOIS
Pagamento
ANTES
DEPOIS
08
RESULTADOS
OUTCOME
Após o lançamento, a taxa de conversão cresceu em duas etapas, primeiro do checkout isolado, depois da jornada completa após as outras frentes. Em 2 meses, o marketplace passou a operar acima da média do Grupo Comolatti.
PÓS-CHECKOUT
Após o redesign
0%
0%
PÓS-CHECKOUT
Após todas as frentes
0%
0%