Andrus Power

Overzicht

Andrus Power Solutions is een familiebedrijf in generatoren en elektrotechniek in Lee, Massachusetts, sinds 1991 paraat voor de Berkshires. Ze verkopen, installeren en onderhouden Generac- en Kohler-noodstroomgeneratoren in westelijk Massachusetts en de aangrenzende hoeken van New York en Connecticut.

De oude site draaide op een websitebouwer en droeg daar het gewicht van: standaardlay-outs, een zware stapel trackingtags en teksten die niemand prettig las. Ik heb hem van de grond af opnieuw gebouwd, van visueel ontwerp tot front-end, content en lokale SEO.

Het herontwerp

Een generatorbedrijf verkoopt rust. Het ontwerp leunt daarop: een warme papieren achtergrond, diep marineblauwe inkt en één oranje accent, gereserveerd voor de offerteknop. De fotografie is documentair, echte ploegen op echte installaties in echt Berkshire-weer. Onder de hero somt een rustige balk de feiten op die ertoe doen voor een huiseigenaar die een vakman kiest: 35 jaar, familiebedrijf, drie staten, 24/7 bereikbaar.

Gebouwd voor westelijk Massachusetts

Generatorwerk is hyperlokaal. Of een huis een noodstroomvoorziening nodig heeft, hangt af van de kant van het stadje waar het staat: dorpsstraten aan het gasnet met korte storingen, of landelijke wegen met lange bovengrondse leidingen, propaanverwarming en eigen waterputten. De site behandelt die geografie als content, niet als opvulling.

Er zijn 37 plaatspagina's, één per bediende stad en county, en elke pagina is met de hand geschreven. De pagina van Great Barrington weet dat Main Street commercieel is en op Eversource draait, dat Housatonic en Van Deusenville het landelijke patroon volgen, en dat de heuvels richting Egremont vol tweede huizen staan die tijdens een januaristoring vorstvrij moeten blijven. Elke plaats is een gestructureerde content-entry met een eigen titel, metabeschrijving, hero en coördinaten.

Diezelfde coördinaten voeden de werkgebiedkaart: de werkplaats in Lee, de straal die de ploegen bestrijken en recente klussen als stippen over de drie staten. Daaronder linkt elke plaats naar zijn eigen pagina.

Performance

De cijfers waren het makkelijkste deel van het verhaal. Het oude platform laadde twee tagmanager-containers, advertentiepixels, gesprekstracking en een toegankelijkheidsoverlay vanaf 27 externe domeinen. De rebuild is een statische Astro-site waarvan de enige externe partijen de lettertypen en de kaart zijn.

Het aantal requests per pagina daalde van 115 naar 32. De layoutverschuiving ging van 0,40 naar nul. De volledige laadtijd ging van 0,67 naar 0,25 seconden. Lighthouse Best Practices steeg van 58 naar 100, en AI-leesbaarheid, hoe goed assistenten en crawlers de pagina kunnen verwerken, van 67 naar 100. De gemiddelde zinslengte in de teksten zakte van 41 woorden naar 17, want snelheid helpt niet als niemand voorbij de eerste regel leest.

Mobiel

Mensen zoeken een generatormonteur als de stroom al uitgevallen is, staand in een donkere keuken met een telefoon. De mobiele lay-out houdt het telefoonnummer en de offerteknop binnen duimbereik, vouwt de diensten samen tot één kolom en laadt snel op een zwakke landelijke verbinding, precies waar de klanten zitten.

Stack

Astro met MDX-contentcollecties, Tailwind CSS en Mapbox GL voor de werkgebiedkaart. Marketingpagina's, dienstenpagina's en plaatspagina's zijn allemaal gestructureerde content-entries, dus nieuwe plaatsen en diensten gaan live zonder een template aan te raken. De build is volledig statisch, verpakt in een nginx-container en wordt automatisch uitgerold bij elke push naar main.