Andrus Power

Aperçu

Andrus Power Solutions est une entreprise familiale d'électricité et de groupes électrogènes établie à Lee, dans le Massachusetts, au service des Berkshires depuis 1991. Elle vend, installe et entretient des générateurs de secours Generac et Kohler dans l'ouest du Massachusetts et les régions voisines de New York et du Connecticut.

L'ancien site tournait sur une plateforme de création de sites et en portait le poids : mises en page génériques, une pile lourde de balises de suivi et des textes que personne ne lisait confortablement. Je l'ai reconstruit de zéro, du design visuel au front-end, en passant par le contenu et le SEO local.

La refonte

Une entreprise de générateurs vend de la sérénité. Le design s'y appuie : un fond papier chaleureux, une encre bleu marine profonde et un seul accent orange réservé au bouton de devis. La photographie est documentaire, de vraies équipes sur de vraies installations dans la vraie météo des Berkshires. Sous le hero, un bandeau sobre énonce les faits qui comptent pour un propriétaire qui choisit un artisan : 35 ans, entreprise familiale, trois États, intervention 24h/24.

Conçu pour l'ouest du Massachusetts

Le travail sur les générateurs est hyper-local. Le besoin d'un groupe de secours dépend du côté de la ville où se trouve la maison : rues de village raccordées au gaz avec des coupures courtes, ou routes rurales avec de longues lignes aériennes, du chauffage au propane et des puits privés. Le site traite cette géographie comme du contenu, pas comme du remplissage.

Il y a 37 pages locales, une par ville et comté desservis, et chacune est écrite à la main. La page de Great Barrington sait que Main Street est commerçante et alimentée par Eversource, que Housatonic et Van Deusenville suivent le schéma rural, et que les collines vers Egremont sont pleines de résidences secondaires qui doivent rester hors gel pendant une panne de janvier. Chaque ville est une entrée de contenu structurée avec son propre titre, sa méta-description, son hero et ses coordonnées.

Ces mêmes coordonnées alimentent la carte de la zone de service : l'atelier à Lee, le rayon couvert par les équipes et les chantiers récents en points à travers les trois États. En dessous, chaque ville renvoie vers sa propre page.

Performances

Les chiffres étaient la partie la plus simple de l'argumentaire. L'ancienne plateforme chargeait deux conteneurs de gestion de balises, des pixels publicitaires, du suivi d'appels et une surcouche d'accessibilité depuis 27 domaines tiers. La reconstruction est un site Astro statique dont les seuls tiers sont les polices et la carte.

Les requêtes par page sont passées de 115 à 32. Le décalage de mise en page est passé de 0,40 à zéro. Le chargement complet est passé de 0,67 à 0,25 seconde. Le score Lighthouse Best Practices est passé de 58 à 100, et la lisibilité par les IA, la capacité des assistants et des robots à analyser la page, de 67 à 100. La longueur moyenne des phrases est tombée de 41 mots à 17, parce que la vitesse ne sert à rien si personne ne lit au-delà de la première ligne.

Mobile

On cherche un réparateur de générateur quand le courant est déjà coupé, debout dans une cuisine sombre avec un téléphone. La mise en page mobile garde le numéro de téléphone et le bouton de devis à portée de pouce, replie les services en une seule colonne et se charge vite sur une connexion rurale faible, exactement là où se trouvent les clients.

Stack

Astro avec des collections de contenu MDX, Tailwind CSS et Mapbox GL pour la carte de la zone de service. Les pages marketing, les pages de services et les pages locales sont toutes des entrées de contenu structurées, donc les nouvelles villes et les nouveaux services partent en ligne sans toucher à un template. Le build est entièrement statique, embarqué dans un conteneur nginx et déployé automatiquement à chaque push sur main.