Desafio
O fornecedor atendia empreiteiros, montadores de estrutura e arquitetos em toda a região nórdica, mas o site antigo exigia uma conexão estável para navegar em qualquer coisa. Em canteiros de obra com 4G fraco, as páginas levavam seis segundos ou mais para carregar e frequentemente expiravam o tempo. Não havia localizador de revendas, então os empreiteiros ligavam para a matriz para perguntar onde retirar os materiais, e os representantes comerciais ainda carregavam catálogos impressos porque o digital não era confiável no canteiro.
Solução
Construímos o catálogo como uma PWA instalável. As páginas de produto, as folhas de especificações e os estudos de caso de projetos são armazenados em cache na primeira visita, para que os empreiteiros possam navegar por toda a gama mesmo em um subsolo de concreto sem sinal. Um localizador de revendas usa a geolocalização do dispositivo para ordenar os revendedores mais próximos, e uma galeria de referências de projetos mostra exemplos reais construídos com listas de produtos que os empreiteiros podem precificar imediatamente. O prompt de instalação é exibido após a segunda visita para que os usuários possam adicionar o catálogo à tela inicial.
Abordagem técnica
Um service worker armazena em cache o app shell e a lista de produtos no primeiro carregamento; as páginas de detalhe do produto são buscadas sob demanda e depois armazenadas em cache para reuso offline. Um índice de busca comprimido de ~250 KB é construído no momento do build a partir do banco de dados de produtos e alimenta uma busca offline sub-50 ms conforme o usuário digita. Os dados das revendas são servidos como um arquivo GeoJSON estático e ordenados no lado do cliente pela distância em linha reta, para que nenhuma chamada de API de mapa seja necessária para encontrar o revendedor mais próximo. As atualizações são distribuídas pelo service worker em segundo plano, sem interromper o empreiteiro no canteiro.
Resultados
Em seis meses, 65% das visitas mobile estavam usando o catálogo offline em canteiros com conectividade ruim. O uso do localizador de revendas subiu 2.5x, à medida que os empreiteiros encontravam seus próprios pontos de retirada em vez de ligar para o escritório, e o PageSpeed mobile melhorou de 41 para 95. Os representantes comerciais de campo pararam de carregar catálogos impressos e agora usam a PWA no celular durante as reuniões com clientes.