Een website die eindelijk paste bij het bureau erachter

Het bureau adviseerde middelgrote bedrijven over serieuze beslissingen, en zijn website zei het tegendeel. Vijf jaar eerder gebouwd op een page builder, laadde hij in zes seconden op een smartphone, faalde op basistests voor toegankelijkheid en verstopte de diensten onder een stockfoto. Prospects kwamen binnen via doorverwijzingen, keken naar de site en belden soms niet.

De partners wilden een site die aanvoelde als het bureau: precies, rustig, geloofwaardig. De marketingmanager had iets nodig dat ze zelf kon bijwerken en kon verdedigen in een bestuursvergadering.

We begonnen bij het publiek in plaats van bij de pagina's. Wie bezoekt de site, wat moet die persoon in dertig seconden bevestigd zien, en wat doet hem de telefoon nemen? Dat bracht de sitemap van tweeëntwintig pagina's terug naar negen.

We schreven eerst de copy en ontwierpen daarrond. Elke dienstpagina beantwoordt drie vragen: wat het bureau doet, voor wie, en wat er daarna gebeurt. Het ontwerp gebruikt de bestaande typografie van het bureau en een ingetogen palet, zonder stockbeelden.

Technisch: Next.js, statisch gerenderd, zelf gehoste fonts, geoptimaliseerde beelden, een headless CMS voor de content die het marketingteam aanpast, en cookieloze analytics zodat er geen cookiebanner nodig is. De site is vanaf dag één gebouwd voor Nederlands en Frans, ook al lanceerde hij in het Engels.

Lighthouse op mobiel ging van 41 naar 98 voor performance, met 100 voor toegankelijkheid, best practices en SEO. Largest Contentful Paint zakte van 5,8 naar 1,2 seconden. Binnen zes maanden stegen de gekwalificeerde inkomende aanvragen via de site met zeventig procent, gemeten via analytics-doelen en het eigen intakeregister van het bureau.

Het project duurde zeven weken van kick-off tot lancering. De marketingmanager werkt de site sinds de eerste week zelf bij.

Next.js met TypeScript en Tailwind CSS, een headless CMS naar keuze van de klant, zelf gehoste Umami-analytics, Docker op een VPS in de EU met geautomatiseerde uitrol. De klant bezit de repository, het designsysteem en de content.