CentreBlock

Saas • Web development & design • Vindbaarheid in AI & zoekmachines

Een snel, schaalbaar en tweetalig headless platform

Diensten

Webdesign & developmentVindbaarheid in AI & zoekmachines
CentreBlock case study

De uitdaging

CentreBlock helpt B2B-bedrijven zien welk websitebezoek commercieel relevant is. Het platform combineert bedrijfsherkenning, bezoekersgedrag, impact en campagne-effect, met privacy als uitgangspunt.

Op de oude website kwam die onderscheidende propositie onvoldoende naar voren. De nieuwe website moest veel duidelijker maken wat CentreBlock anders doet dan traditionele webanalytics- en bedrijfsherkenningstools, en welke concrete waarde dat oplevert voor Marketing en Sales.

Een tweede uitdaging was om de CentreBlock-methodiek uit te leggen zonder de inhoud te versimpelen. De site moet meerdere doelgroepen aanspreken, waaronder B2B-bedrijven, professional-servicesbedrijven en potentiële partners. Privacy-first werken moest zichtbaar onderdeel zijn van de positionering, niet een losse eigenschap.

Daarnaast moest de site tweetalig worden, met vertaalde URL's en correcte hreflang, en moest het CentreBlock-team de content zelf kunnen beheren.

Scope: sitearchitectuur, webdesign, development, headless CMS met Nederlands en Engels, formulieren, SEO/GEO en de implementatie van CentreBlocks eigen methodiek op de site.

Belangrijkste uitdagingen:

  • Een technisch product met een gepatenteerde methodiek uitleggen aan bezoekers zonder technische achtergrond.
  • De bestaande website-infrastructuur vervangen, inclusief de vertaalplug-in en de koptekststructuur.
  • Privacy als onderscheidend punt zichtbaar maken in plaats van wegstoppen in de voettekst.
  • Meerdere doelgroepen bedienen op één site.
  • De hele site tweetalig opleveren, met vertaalde URL's en correcte hreflang.

Het proces

De uitdaging van CentreBlock vroeg om een aanpak waarin positionering, structuur en techniek in één lijn kwamen, met een goedgekeurde homepage als vertrekpunt voor alle overige pagina's.

Briefing & sitearchitectuur

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 het ontwerp op dezelfde structuur kon landen.

Design van de homepage

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.

De overige pagina's

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.

Bouw en CMS-koppeling

4 weken

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.

Doorontwikkeling

doorlopend

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.

"De samenwerking met schurq. voelde echt als samen bouwen. We konden het goed oneens zijn, en toch samen tot een oplossing komen. De nieuwe branding en de website zijn mooie stappen in de groei van CentreBlock."
Renée Reijers
Marketing en communicatie - CentreBlock

Typografie & kleur

We ontwikkelden een rustige, moderne visuele stijl die past bij CentreBlock als softwarebedrijf. Een heldere typografie en vaste kleuraccenten zorgen voor herkenbaarheid, terwijl de zachte achtergrond de technische propositie toegankelijker en menselijker maakt.

Primair

Centre Purple

#5B3FEF

Ink

#161322

Secundair

Warm White

#FAF8F4

Soft Lilac

#EEE9FA

Zacht Geel

#FFE9A8

Aa

Inter

Gebruikt voor koppen en bodytekst.

Aa

JetBrains Mono

Gebruikt voor labels, cijfers en technische details.

Resultaat

Het eindresultaat: een tweetalig platform met een schaalbare basis voor content en data

De nieuwe website brengt het product, de verschillende doelgroepen en het merk samen in één helder verhaal. Bezoekers begrijpen sneller wat CentreBlock doet en welke waarde de software biedt. De tweetalige opzet maakt de site geschikt voor een internationale doelgroep, terwijl het team de content eenvoudig zelf kan beheren. Met het eigen meetscript maakt CentreBlock bovendien direct zichtbaar wat het klanten belooft: de website levert inzicht op in het gedrag van websitebezoekers.

Onder de kap

Snelheid is key

Voor maximale prestaties en vindbaarheid bouwden we een razendsnelle headless website op Next.js en Sanity, uitgeleverd via Vercel.

Mobile 1st

Headless Architecture

Speed Insights

Real Experience Score

0POINTS

● Live Data based on real user interactions.

Over CentreBlock

CentreBlock is een Nederlands B2B-platform dat websitebezoek vertaalt naar commerciële impact. Waar analytics-tools sessies tellen, weegt CentreBlock met een gepatenteerde methodiek welke bezoekers er commercieel toe doen, welk gedrag intentie verraadt en welke campagnes bijdragen. Achter het platform staat een klein team van ondernemers met een achtergrond bij onder meer Microsoft, Amazon Web Services en BT Global.

Bezoek live website

Sector
ontwikkelen software en AI platformen
Werknemers
6

Liever eerst even checken waar je website achterloopt?

Klaar om meteen een traject te starten? Vraag dan vrijblijvend onze website-scan aan. We kijken waar je website nu nog achterloopt in structuur, snelheid, vindbaarheid (SEO/GEO) en conversie. Je krijgt een korte samenvatting met de belangrijkste aandachtspunten, zodat je weet waar jouw website op kan verbeteren.

Vrijblijvend informatie aanvragen