Dankzij de nieuwe lay-outarchitectuur, de snelle headless technologie en heldere contentrichtlijnen beschikt Artmason nu over een toekomstbestendige vitrine: de mobiele laadtijd daalde naar 0,8 seconde, het organische verkeer steeg met 210 procent en het aantal offerteaanvragen verdubbelde binnen één kwartaal, terwijl het team geheel zelfstandig hun portfolio blijft uitbreiden.

De vorige website had geen duidelijke hiërarchie, waardoor nieuwe cases toevoegen onnodig veel tijd en handwerk vergde. Tegelijkertijd wilde Artmason grote, sprekende beelden en micro-animaties tonen zonder de laadsnelheid of SEO-positie – met name op de zoekterm “designbureau Rotterdam” – te verliezen. Ook moest het niet-technische team zelfstandig nieuwe projecten, klantverhalen en blogs kunnen publiceren.

Ik ontwikkelde eerst wireframes en hi-fi mock-ups waarin Artmason’s eigen branding centraal staat. Vervolgens realiseerde ik een headless stack: WordPress fungeert als vertrouwd contentbeheer, terwijl een Gatsby-frontend de pagina’s als statische HTML serveert. Door lazy-loading en WebP-conversie blijven zelfs grote visuals bliksemsnel; op mobiel behaalt de site een PageSpeed-score van 97/100. In het CMS legde ik een gestandaardiseerd projecttemplate vast met velden voor overzicht, uitdaging, oplossing en resultaat, aangevuld met Schema.org-mark-up (CreativeWork en Organization) voor rijke zoekresultaten. Tijdens een hands-on workshop leerde ik het team hoe zij met de blokkenbibliotheek in minuten nieuwe pagina’s kunnen opzetten.