Een website die past bij de tuinen die ze afleveren

De aanleiding

Van Schadewijk Hoveniers ontwerpt, legt aan en onderhoudt tuinen in Oss, Nijmegen en de omgeving daarvan. Het bedrijf is sinds 2008 flink doorgegroeid. Waar het begon met onderhoud en aanleg, worden er nu complete buitenruimtes opgeleverd: villatuinen met zwembad en poolhouse, overkappingen, wellnesstuinen.

De website vertelde dat verhaal niet meer. Foto’s stonden klein en verspreid, de indeling was in de loop van de jaren volgelopen met losse blokken, en wie op de site kwam kreeg geen idee van het niveau waarop er inmiddels gewerkt wordt. Voor een bedrijf dat zijn opdrachten grotendeels aan de uitstraling van zijn eigen werk te danken heeft, is dat een probleem.

De opgave

De site moest gaan laten zien wat Van Schadewijk maakt, in plaats van erover te vertellen. Daarbij hoorde ook dat de site aansluit bij waar het bedrijf nu staat, want een offerte voor een villatuin landt anders als de website eruitziet alsof hij van tien jaar geleden is.

Tegelijk mocht niets verloren gaan van wat al werkte. De bestaande structuur en de teksten bleven overeind, net als alle webadressen die Google en bestaande klanten al kenden.

Het ontwerp

De projecten zijn de kern van het nieuwe ontwerp geworden. De homepage opent met een tuin op ware grootte, in een carrousel waarin je door het recente werk bladert, met telkens de naam van het project en de plaats erbij. Daaronder volgt een selectie uit de regio.

Voor de koppen koos ik een rustige schreefletter. Die geeft de site iets ambachtelijks dat past bij het vak, zonder ouderwets te worden. Daaromheen staat veel wit, zodat de foto’s niet hoeven te concurreren met de vormgeving eromheen. Het groen uit het logo komt alleen terug op de knoppen en in accenten, waardoor de aandacht bij het beeld blijft.

Het projectoverzicht kreeg een filter op tuinstijl, zodat iemand die een stadstuin zoekt niet eerst langs tien villatuinen hoeft. Elk project heeft een eigen pagina met een fotogalerij, de gebruikte materialen en de plaats waar het ligt. De zeven dienstpagina’s volgen hetzelfde stramien: een kopfoto, een korte uitleg en daaronder de projecten waarin die dienst terugkomt.

Van ontwerp naar techniek

We legden het ontwerp eerst vast in een werkend prototype, los van WordPress. Daardoor kon de klant het echt bekijken en erop reageren voordat er aan de bouw werd begonnen, en hoefden we niet te praten over plaatjes die nog nergens op draaiden.

Daarna bouwden we dat prototype om naar een eigen WordPress-thema met eigen sjablonen, in plaats van een pagebuilder met tientallen plugins eromheen. Dat scheelt gewicht op elke pagina en het houdt het beheer overzichtelijk: de projecten, diensten en foto’s zijn gewone velden in WordPress.

In dezelfde periode verhuisden we de hosting naar een snellere omgeving, en lieten we alle bestaande webadressen ongewijzigd, zodat er geen omleidingen nodig waren.

Wat het opleverde

Het ontwerp werd zwaarder van uitstraling en lichter van gewicht. Gemeten op mobiel, waar de meeste bezoekers vandaan komen:

• De homepage gaat van 4,3 naar 1,7 seconden.
• De contactpagina gaat van 8,5 naar 1,3 seconden, en van 62 naar 99 punten.
• Gemiddeld zakt de laadtijd van 5,0 naar 1,6 seconden en stijgt de snelheidsscore van 76 naar 98.
• Een pagina weegt nu 261 kilobyte, waar dat 782 kilobyte was.

Dat de site er beter uitziet én sneller is, komt doordat het ontwerp en de techniek in één beweging zijn aangepakt. Grote foto’s kosten alleen bandbreedte als je ze verkeerd inlaadt.

Ter vergelijking: de hoveniers waarmee Van Schadewijk in de regio concurreert, hebben websites die er tussen de veertien en vierendertig seconden over doen.

Hoe het verder gaat

Het ontwerp en de techniek staan, en dat is het fundament onder het vervolg. Inmiddels loopt er een traject rond vindbaarheid voor zowel Van Schadewijk Hoveniers als Faunadak, het dakbedrijf dat er onderdeel van is, met een zoekwoordenplan, het Google Bedrijfsprofiel en maandelijkse metingen waarin we bijhouden wat er beweegt.