Défi
Le fournisseur desservait des entrepreneurs, charpentiers et architectes dans les pays nordiques, mais son ancien site exigeait une connexion stable pour pouvoir naviguer. Sur les chantiers avec une 4G faible, les pages mettaient six secondes ou plus à se charger et basculaient souvent en timeout. Il n'y avait aucun localisateur de distributeurs, si bien que les entrepreneurs appelaient le siège pour savoir où retirer les matériaux, et les commerciaux transportaient encore des catalogues imprimés parce que le catalogue numérique n'était pas fiable sur le chantier.
Solution
Nous avons construit le catalogue sous forme de PWA installable. Les pages produit, fiches techniques et études de cas projet sont mises en cache dès la première visite, si bien que les entrepreneurs peuvent naviguer sur toute l'offre même dans un sous-sol en béton sans réseau. Un localisateur de distributeurs utilise la géolocalisation de l'appareil pour trier les stockistes les plus proches, et une galerie de références projet présente des réalisations concrètes avec des listes de produits que les entrepreneurs peuvent chiffrer immédiatement. L'invite d'installation s'affiche après la deuxième visite afin que les utilisateurs puissent ajouter le catalogue à leur écran d'accueil.
Approche technique
Un service worker met en cache l'app shell et la liste produits dès le premier chargement ; les pages de détail produit sont récupérées à la demande puis mises en cache pour une réutilisation hors ligne. Un index de recherche compressé d'environ ~250 KB est construit au moment du build à partir de la base produits et alimente une recherche hors ligne sub-50 ms dès la frappe de l'utilisateur. Les données distributeurs sont servies sous forme de fichier GeoJSON statique et triées côté client par distance à vol d'oiseau, si bien qu'aucun appel à une API cartographique n'est nécessaire pour trouver le stockiste le plus proche. Les mises à jour sont diffusées via le service worker en arrière-plan sans interrompre l'entrepreneur sur le chantier.
Résultats
En six mois, 65% des visites mobiles utilisaient le catalogue hors ligne sur des chantiers à connectivité médiocre. L'usage du localisateur de distributeurs a augmenté de 2.5x, les entrepreneurs trouvant eux-mêmes leurs points de retrait au lieu d'appeler le bureau, et le PageSpeed mobile est passé de 41 à 95. Les commerciaux terrain ont cessé de transporter des catalogues imprimés et utilisent désormais la PWA sur leur téléphone lors des rendez-vous clients.