Guntro Group

De vraag

Guntro wrapt auto's, belettert bestelwagens en richt bedrijfswagens in. Daarnaast lopen er drie zijtakken onder hetzelfde dak: Wrapdesign voor de projecten, Publi-Trailer voor reclametrailers en Vuurwerktekoop voor de eindejaarsperiode.

Technisch stonden die vier naast elkaar op dezelfde server, maar ze leken in niets op elkaar. De hoofdpagina begon met een lap tekst waar niemand doorheen raakte, de menu's werkten elk anders, op mobiel liep de navigatie mis, en in de map stonden jaren aan losse bestanden waarvan niemand nog wist of ze gebruikt werden. Er was ook geen cookiebanner die voldeed, en de foutpagina's waren de kale standaard van de server.

Wat ik deed

Eerst de hoofdsite: de lange openingstekst opgeknipt in secties, de diensten in een uitklapmenu, en de beeldsecties om en om links en rechts zodat je ogen blijven lopen. Lichte en donkere modus erbij, een vast menu dat naar de secties springt, en de openingsuren compact met de dagen samengevoegd. Het mobiele menu is opnieuw gebouwd.

Daarna dezelfde stijl over Wrapdesign, Publi-Trailer en Vuurwerktekoop, elk met een eigen menu maar herkenbaar als familie. De projectengalerij kreeg een metselwerkraster met filters en paginering, zodat niet alle foto's tegelijk geladen worden. Klikken op een foto vergroot hem in beeld in plaats van het bestand te openen.

Verder: een nieuwsbriefblok met Mailchimp waarin de uitleg over gegevensverwerking in een tooltip zit in plaats van de sectie op te blazen, echte klantbeoordelingen van Google, een offerteformulier, een cookiebanner en cookiebeleid die wél kloppen, en foutpagina's in de huisstijl.

Onder de motorkap is alles opgeruimd. HTML en PHP uit elkaar getrokken, elk script met een kop die uitlegt wat het doet, de ongebruikte bestanden van jaren naar een aparte back-upmap, en de beeldenmap herschikt zodat duidelijk is welke upload bij welke site hoort. Er staat een document online waarin alles wat er gebeurd is op een rij staat, zodat wie er na mij aan werkt niet hoeft te gissen.

Wat het opleverde

Vier sites die als één merk aanvoelen, op elk toestel werken, en waarvan de code te volgen is zonder dat iemand het hoeft uit te leggen. Bezoekers zien in één oogopslag wat Guntro doet in plaats van een pagina tekst, en de projectengalerij laadt alleen wat je bekijkt.