Objetivos e Desafios
Redesenhar a experiência de compra com foco na busca e no refinamento de produtos, solucionando problemas de arquitetura de informação, organização de filtros e configurações avançadas. A atualização do e-commerce começou pela experiência de busca, priorizando uma abordagem mobile first e a redução do esforço necessário para encontrar produtos relevantes.
Contexto da jornada de compra
Simplificando a descoberta de produtos
O projeto atuou em uma etapa crítica da jornada de compra de um e-commerce mobile: a descoberta e consideração de produtos. O desafio era facilitar a busca, comparação e filtragem de itens para que os usuários encontrassem opções relevantes com menos esforço e pudessem avançar com mais confiança na decisão de compra.
A experiência envolvia principalmente categorias, busca, filtros e navegação pelo catálogo, pontos diretamente relacionados à usabilidade, descoberta de produtos e conversão.
Processo de Discovery
Para orientar o redesign da experiência de busca, a investigação combinou pesquisa documental, conversas com stakeholders e usuários do produto, benchmarking e testes com usuários. O processo foi estruturado de forma iterativa, utilizando princípios do Double Diamond e Atomic Research para conectar evidências observadas a fatos, insights e oportunidades de melhoria.
A pesquisa teve como foco compreender os principais pontos de atrito na descoberta de produtos, especialmente na organização das categorias, aplicação e combinação de filtros, carregamento dos resultados e relevância da busca.
Pesquisa documental e benchmarking
Foram analisados padrões de busca, filtros e navegação em e-commerce, além de concorrentes do segmento de bebidas. O benchmark ajudou a identificar referências de organização, refinamento e apresentação de resultados, com foco na experiência mobile.
Pesquisa com usuários e stakeholders
A experiência de compra foi avaliada por meio da observação da jornada, conversas com stakeholders e usuários do produto, além de testes de usabilidade com Maze e Lyssna, focados em busca e refinamento de produtos. Os principais atritos estavam na localização e combinação de filtros, clareza das opções e interpretação dos resultados.
Análise e síntese da pesquisa
Os achados foram agrupados em um diagrama de afinidade e organizados em evidências, fatos, insights e oportunidades. A análise destacou quatro frentes principais: arquitetura da informação, filtros e refinamento, relevância dos resultados e performance/feedback, que orientaram o redesign.
Processo de Ideação
A partir dos achados da pesquisa, o time explorou alternativas para melhorar a arquitetura da informação, os filtros e a experiência de busca mobile. As ideias priorizadas foram traduzidas em fluxos e wireframes para validar a estrutura antes do refinamento visual.
User Task Flow
O fluxo da tarefa foi revisado para organizar a jornada de busca e refinamento de produtos, incluindo aplicação de filtros, atualização dos resultados e caminhos de retorno.
Wireframes
Foram criados wireframes para explorar a organização de categorias, filtros e resultados, validando hierarquia e comportamento da interface antes da alta fidelidade.
Wireframes
Foi criado um guia de estilo para consolidar os principais padrões visuais da solução, incluindo tipografia, cores, espaçamentos, ícones, botões e estados de interação. O material serviu como base para a implementação de um design system e para manter consistência entre as interfaces e apoiar o handoff com desenvolvimento.
Solução
A partir dos insights da pesquisa, as oportunidades foram priorizadas com o time e traduzidas em melhorias na arquitetura da informação e na experiência de busca.
Filtros e categorias: reorganização das opções e inclusão da quantidade de produtos para facilitar o refinamento.
Estados e feedback: componentes passaram a indicar seleção e manter as escolhas do usuário durante a navegação.
Eficiência: redução de etapas e simplificação das interações para diminuir esforço cognitivo.
Hierarquia visual: ajustes de tipografia, contraste, ícones e organização das informações para facilitar a leitura e a tomada de decisão.
Informação sobre a quantidade de produtos: adicionada a cada categoria (visibilidade do estado do sistema), informando sobre o estoque dos produtos.
Hierarquia de informação: tipografia com uso de escala de cinza;
Resultados e Impacto
Os testes após o redesign indicaram uma experiência de busca mais rápida e simples, com redução de 38% no tempo da tarefa de busca e um aumento de aprox. 3,2% na conversão nos três meses seguintes à implementação, além de melhora nos indicadores de esforço e satisfação. A nova arquitetura também facilitou a localização, comparação e refinamento de produtos, reduzindo cliques e pontos de decisão durante a jornada.
Conclusão e Aprendizados
O redesign mostrou como mudanças em arquitetura da informação, filtros e feedback da interface podem reduzir significativamente o esforço em uma tarefa central do produto. A combinação entre pesquisa, testes e colaboração com o time permitiu evoluir a solução de forma incremental e orientada por evidências.
© Alessandra Oltramari • 2026