Todos os projetos

Automotivo · marketplace

Mockup de marketplace de autopeças com busca por foto

Mockup navegável: o comprador envia a foto da peça, recebe uma identificação simulada e vê ofertas filtradas pelo próprio carro.

Novo desenho do mockup: busca por foto com anel de confiança, alternativas e ofertas de exemplo, no computador e no celular.
Nova interface: desenho de referência para a próxima versão do mockup, com dados fictícios e identificação por foto simulada.

O desafio

Nem todo mundo sabe o nome da peça.

Quem precisa de uma peça muitas vezes não sabe o nome dela. A ideia era testar a busca pela foto, ao lado da busca por nome, código ou modelo do carro, antes de investir em catálogo, pagamento e logística.

A construção

Testar a experiência antes de construir o negócio.

Um mockup navegável em React mostra os fluxos de quem compra e de quem vende: busca por texto ou por foto, painel de identificação com alternativas e posição da peça, filtro do que serve no carro, detalhe do anúncio, carrinho e formulário de anúncio. A identificação por foto é simulada e avisa isso na tela; catálogo, vendedores e preços são fictícios. Não há backend, e o checkout aparece como etapa em definição.

  • Buscar pela foto e ver a identificação simulada, com alternativas.
  • Filtrar as ofertas pelo que serve no próprio carro.
  • Anunciar uma peça e seguir do carrinho até a etapa de checkout em definição.

Engenharia aplicada

Decisões que fazem diferença

  1. O mockup diz o que é.

    A tela avisa que a identificação é simulada e mostra em que o resultado se baseou. O fluxo não se passa por reconhecimento real.

  2. Provedor real escrito, desligado.

    A identificação por um modelo de visão com saída estruturada já está escrita atrás da mesma interface do simulador. O próximo passo previsto é medir acurácia e custo com fotos reais.

  3. Decisões antes do código.

    Pagamento, frete, garantia ao comprador, cadastro do vendedor e base de compatibilidade entre peça e veículo ficaram registrados como decisões em aberto, em vez de implementados às cegas.

Novo desenho da página do anúncio, com a checagem de compatibilidade com o carro, vendedor e ficha técnica.
Detalhe do anúncio no novo desenho, com dados fictícios.
Interface atual do mockup: busca por foto com identificação simulada de um amortecedor e três ofertas de exemplo.
Interface atual do mockup. Nome de trabalho e marcas de terceiros omitidos na captura.
Painel de identificação simulada no celular, com alternativas e posição da peça.
A mesma busca no celular, com o aviso de simulação no topo e no painel.

Seu próximo projeto

Vamos construir o que sua operação precisa.

Conte o problema, as ferramentas que você usa e o que quer colocar para funcionar.