Desafío
El proveedor atendía a contratistas, encofradores y arquitectos de toda la región nórdica, pero su antiguo sitio web requería una conexión estable para poder navegar. En las obras con 4G débil, las páginas tardaban seis segundos o más en cargar y a menudo agotaban el tiempo de espera. No había localizador de distribuidores, por lo que los contratistas llamaban a la central para preguntar dónde recoger el material, y los comerciales seguían llevando catálogos impresos porque el digital no resultaba fiable en la obra.
Solución
Construimos el catálogo como una PWA instalable. Las páginas de producto, las fichas técnicas y los casos de proyectos se almacenan en caché en la primera visita, de modo que los contratistas pueden consultar toda la gama incluso en un sótano de hormigón sin cobertura. Un localizador de distribuidores utiliza la geolocalización del dispositivo para ordenar los almacenistas más cercanos, y una galería de referencias de proyectos muestra ejemplos reales ya construidos con listas de productos que los contratistas pueden presupuestar de inmediato. El aviso de instalación se muestra tras la segunda visita para que los usuarios puedan añadir el catálogo a su pantalla de inicio.
Enfoque técnico
Un service worker almacena en caché el shell de la aplicación y la lista de productos en la primera carga; las páginas de detalle de producto se solicitan bajo demanda y después se cachean para su reutilización sin conexión. Un índice de búsqueda comprimido de ~250 KB se genera en tiempo de construcción a partir de la base de datos de productos y permite una búsqueda sin conexión inferior a 50 ms mientras el usuario escribe. Los datos de distribuidores se sirven como un archivo GeoJSON estático y se ordenan en el cliente por distancia en línea recta, de modo que no es necesaria ninguna llamada a una API de mapas para encontrar el almacenista más cercano. Las actualizaciones se publican a través del service worker en segundo plano, sin interrumpir al contratista en la obra.
Resultados
En seis meses, el 65% de las visitas móviles utilizaban el catálogo sin conexión en obras con mala conectividad. El uso del localizador de distribuidores aumentó 2.5x a medida que los contratistas encontraban por sí mismos sus puntos de recogida en lugar de llamar a la oficina, y el PageSpeed móvil mejoró de 41 a 95. Los comerciales de campo dejaron de llevar catálogos impresos y ahora utilizan la PWA en sus teléfonos durante las reuniones con clientes.