Ga naar inhoud
Creative Elements door
Jesse Hendriks

← Werk

Vincent van Maurik

HARTslag

Een volledig klikbaar website-prototype, een complete huisstijl en webteksten voor een nieuw christelijk platform, in één keer developer-klaar opgeleverd.

Type
Webdesign
Wat ik deed
Webdesign · Klikbaar prototype · Huisstijl & logo · AI-webteksten · Developer-handover
In één cijfer
8 pagina's uitgewerkt en developer-klaar
Live
HARTslag website-prototype — homepage met hero en agenda

// het project

HARTslag is een christelijk platform in Zuidwest-Friesland dat creatieve en geestelijk geïnspireerde initiatieven verbindt, toerust en faciliteert. Voor de start van het platform ontwierp ik een volledig klikbaar website-prototype, een complete huisstijl en de Nederlandse webteksten, opgeleverd als developer-klare handover.

// de uitdaging

HARTslag was net opgericht en wilde zichtbaar worden richting kerken, makers en vrijwilligers in Zuidwest-Friesland. Er was nog niets: geen website, geen huisstijl en geen teksten. En geen ruimte om vooraf een groot ontwerptraject te financieren.

De vraag was om snel een concreet, tastbaar beeld neer te zetten van hoe het platform eruit kon zien, zodat het bestuur kon beslissen en een developer daarna één-op-één kon bouwen.

// wat ik bouwde

Ik koos voor een prototype-first aanpak: in plaats van losse schetsen leverde ik een volledig klikbaar HTML-prototype van de hele site: home, over HARTslag, initiatieven, agenda, doe mee, samenwerken, werkwijze en contact.

De Nederlandse webteksten zijn met AI gegenereerd en geredigeerd, afgestemd op de toon van een christelijk platform: warm, uitnodigend en helder.

Daarnaast legde ik de complete huisstijl vast op een aparte huisstijlpagina: logo-varianten, het kleurenpalet rond HARTslag-rood en inkt-navy, de typografie (Bricolage Grotesque, Mulish en Newsreader) en het hartslag-motief: de pulslijn die als rode draad door alle uitingen loopt.

Het geheel is opgeleverd als nette handover, met design-tokens en herbruikbare componenten in de stylesheets, zodat een developer het ontwerp direct kan nabouwen zonder gokwerk.

HARTslag huisstijl — kleurenpalet HARTslag huisstijl — typografie

// wat het opleverde

8 pagina's
volledig klikbaar prototype
1 huisstijl
logo, kleur, typografie & motief
Developer-klaar
design-tokens en componenten in de handover

// volgend project

Bemoedig

// kennismaken

Iets vergelijkbaars nodig?

Een kennismaking is vrijblijvend. We kijken samen wat je nodig hebt, en of ik de juiste ben om het te bouwen.