Desafio

O fornecedor tinha 6.000 SKUs distribuídos em 12 categorias. O catálogo antigo era uma aplicação renderizada no servidor que levava de 4 a 6 segundos para carregar cada página. Os compradores em armazéns com Wi-Fi ruim não conseguiam usá-lo, e o atendimento processava por telefone pedidos que deveriam ser autoatendidos online.

Solução

Construímos um catálogo em PWA com busca instantânea no lado do cliente sobre todos os 6.000 SKUs. O banco de dados de produtos é armazenado em cache na primeira visita, permitindo resultados de busca em menos de 50 ms. Clientes recorrentes conseguem reordenar com um toque a partir do histórico de pedidos. A navegação offline completa significa que o catálogo funciona mesmo sem nenhuma conexão.

Desempenho da busca

Usamos um índice de busca leve no lado do cliente (menos de 300 KB compactados) que é carregado uma única vez e alimenta a busca instantânea. Os resultados aparecem à medida que o usuário digita, com filtros por categoria e status de estoque.

Estratégia de índice

O índice de busca é construído no momento do build a partir do banco de dados de produtos e servido como um arquivo JSON estático. Isso elimina qualquer infraestrutura de busca no lado do servidor e mantém os custos previsíveis.

Resultados

O tempo de inserção de pedidos caiu 55%, pois os compradores conseguiam encontrar e pedir produtos mais rápido online do que por telefone. Todas as páginas atingiram Core Web Vitals verdes. O catálogo offline virou um diferencial decisivo — os compradores podiam navegar por todo o portfólio nos armazéns sem se preocupar com o Wi-Fi.