CentreBlock

Na de briefing legden we de sitearchitectuur vast: welke pagina's er komen, welke lagen elke pagina kent en welke boodschap waar landt. Die opzet is voorgelegd en goedgekeurd voordat er één pagina werd ontworpen, zodat de content en het ontwerp op dezelfde structuur konden landen.

De homepage kwam eerst, als fundament voor het hele ontwerp. Het kleurgebruik bouwt voort op het bestaande paars van CentreBlock. Daar kwamen drie tinten bij: een warme achtergrond in plaats van steriel wit, een lichte lilatint voor secties die apart moeten staan, en een gedempt geel als complementair accent. Twee donkere secties breken de pagina op de inhoudelijke kernmomenten: wat het product doet en wat het kost.

Op de goedgekeurde homepage volgden de overige pagina's, van productpagina en cases tot blog, contact, inloggen, de juridische pagina's en de conversiepagina voor de Website Impact Analyse. De feedback van CentreBlock is verwerkt, waaronder het samenbrengen van de vier lagen in één afsluitend antwoord en een rustiger opzet van de inlogpagina.

Het ontwerp is gebouwd als headless website op Next.js met Sanity als CMS. Alle teksten zijn als vertaalbare velden gemodelleerd, met Nederlands als hoofdtaal en Engels ernaast, inclusief vertaalde URL-paden. Formulieren, metadata, gestructureerde data, sitemap en hreflang zijn onderdeel van de bouw.

Na de livegang volgden contentrondes met de klant en de volledige Engelse vertaling. Daarna kwamen de technische aanscherpingen: correcte canonicals voor de Engelse pagina's, automatische aanmelding van gewijzigde pagina's bij zoekmachines, en de implementatie van CentreBlocks eigen meetscript. Daarmee meet het platform zijn eigen impact met het product dat het verkoopt.