Carrefour: Design do comparador de preços SVA+
Desenvolvimento de uma funcionalidade de comparação de produtos dentro do app SVA+, permitindo que vendedores do Carrefour Brasil visualizassem até três itens lado a lado em tempo real, otimizando a experiência de venda e gerando mais de 15 mil comparações nos primeiros três meses.
- Cliente
- Carrefour
- Ano
- 2023
- Categorias
- UI / Product Design
Desafio
O SVA+ tem como objetivo permitir que vendedores realizem atendimentos de vendas de aparelhos eletrônicos diretamente diante do cliente, utilizando o celular corporativo.
Uma das funcionalidades mais úteis planejadas era um comparador de especificações, permitindo que até três itens da mesma categoria fossem colocados lado a lado para melhor visualização e análise das características técnicas.
O requisito principal era que o vendedor pudesse selecionar até três produtos da mesma categoria, visualizar suas especificações em colunas paralelas e facilitar a tomada de decisão do cliente no momento da venda.
Solução
O primeiro passo foi mapear todas as categorias de produtos e levantar as características relevantes para comparação. Essas especificações variavam desde textos curtos até descrições mais extensas.
Com esse mapeamento, iniciei um benchmark analisando como grandes plataformas de e-commerce, como Amazon, Buscapé e Mercado Livre, estruturavam suas ferramentas de comparação. O objetivo era identificar quais abordagens funcionariam melhor no nosso contexto e quais poderiam ser descartadas.
A partir dessas referências, prototipei a jornada de comparação dentro do aplicativo. O fluxo foi definido assim: o vendedor acessa a página de detalhes de um produto, marca a opção de compará-lo e, nesse momento, um item com a miniatura do produto aparece no footer fixo da tela.
Esse footer permanece visível durante toda a navegação, permitindo adicionar até dois outros produtos. Ao atingir dois ou mais itens selecionados, o botão de “Comparar” é liberado.
Ao acionar a comparação, uma tabela é exibida com colunas correspondentes a cada produto e células preenchidas com suas respectivas especificações. A rolagem horizontal e vertical permite a leitura clara das características lado a lado.
Testes com usuários
Para validar a clareza e fluidez da experiência, exportamos os protótipos para a ferramenta Maze, que permitiu mapear cliques, tempo de resposta, mapas de calor e taxa de sucesso na jornada.
Os testes foram conduzidos com 10 vendedores de perfis variados, cada um usando o modelo de celular equivalente ao utilizado nas vendas.
Principais resultados:
Não houve atrito na seleção do primeiro produto para iniciar a comparação.
A barra inferior estava discreta demais, precisando de mais destaque.
O botão de remoção de um produto não estava suficientemente visível.
Todos os usuários conseguiram completar a comparação dentro do tempo estipulado.
Após a primeira tentativa, o tempo de execução caiu para o patamar esperado.
Com base nesses feedbacks, realizamos ajustes de UI e UX para aumentar a visibilidade dos elementos e melhorar a usabilidade. Após a validação final, a funcionalidade foi lançada para todos os vendedores do Carrefour Brasil, resultando em mais de 15 mil comparações realizadas nos três primeiros meses.