Jocar Autopeças — Diagnóstico de UX
Auditoria heurística e proposta de redesign para um e-commerce de autopeças em operação desde 1971, com mais de 70 mil produtos no catálogo. O projeto foi além do relatório: virou um protótipo funcional das três páginas mais críticas da jornada de compra — home, busca e produto — com carrinho, zoom de imagem e simulação de frete funcionando de verdade, e uma proposta de investimento estruturada em fases para levar o mesmo sistema ao site inteiro.
Uma loja tradicional com atrito na jornada de compra
A Jocar vende autopeças online desde 1971 e hoje tem mais de 70 mil produtos no catálogo — um dos maiores acervos do setor. Mas a experiência de compra ainda carrega decisões de outra época: layout em tabela, cinco faixas de destaque empilhadas antes de qualquer produto aparecer, e um dos recursos mais valiosos do site — o filtro por veículo (montadora/modelo/ano) — perdido dentro do cabeçalho, em vez de ser o ponto de partida da busca.
Entrei no site como um cliente entraria: tentando achar uma peça compatível com um carro específico. Foi esse percurso que guiou a auditoria.
Sintomas identificados na primeira análise:
- Identidade visual inconsistente entre banners e o restante da UI
- Hierarquia de preço confusa — três valores por produto, sem leitura principal clara
- Selos de confiança fortes ("desde 1971", "+70 mil produtos", "10x sem juros") perdidos em texto pequeno
- Navegação duplicada entre menu superior e lateral, com listas divergentes
- Nenhuma adaptação real para mobile — apenas a mesma tabela encolhida
Da auditoria ao protótipo funcional
O trabalho seguiu três camadas: diagnóstico, sistema de design e prototipagem sem separar "proposta" de "prova". Em vez de entregar só um relatório com recomendações, o mesmo sistema de design já nasceu construído em componentes reutilizáveis (botões, cards de produto, badges de compatibilidade, blocos de preço) e aplicado às três páginas de maior impacto na conversão.
-
Auditoria heurística completa de home, busca e página de produto, com achados extraídos diretamente do site real, não uma lista genérica de boas práticas
-
Priorização por impacto × esforço, separando o que é ajuste de interface do que depende de integração com terceiros (ex: base de dados de aplicação veicular)
- Sistema de design do zero, com paleta, tipografia, componentes. Tudo documentado e reaproveitado nas três telas
- Protótipo funcional navegável em HTML/CSS/JS (não Figma estático): veículo como filtro persistente, busca com resultados compatíveis em destaque, galeria com zoom, carrinho lateral e simulação de frete, tudo clicável
Protótipo no ar, investimento priorizado por fase
O projeto chegou a um protótipo funcional das três páginas mais críticas da jornada — home, busca e produto — publicado e navegável, não uma maquete estática. 9 problemas de usabilidade foram mapeados e priorizados, e a proposta de investimento ficou estruturada em 3 fases independentes, permitindo à Jocar decidir o ponto de entrada sem comprar o pacote inteiro de uma vez.
Com base em benchmarks de UX para mudanças equivalentes (Baymard Institute, Nielsen Norman Group) — priorização de compatibilidade veicular, hierarquia de preço e barra de compra fixa —, a estimativa é de ganho de 15% a 30% na conversão de busca para produto. Por ser um redesign conceitual, esse número ainda não foi validado em produção.
Quer estruturar um diagnóstico de UX parecido com esse na sua loja?
Vamos conversar