Duurzaam Hilvarenbeek, huisstijl en merk voor het duurzaamheidsprogramma 2025–2030
Duurzaam Hilvarenbeek, een meerjarig merk voor een gemeentelijke missie.
"Samen Duurzaam Vooruit."
, Beeldmerk Duurzaam Hilvarenbeek
Gemeente Hilvarenbeek wilde één herkenbaar merk om haar duurzaamheidsprogramma 2025–2030 mee te dragen. Vier inhoudelijke thema's, energietransitie, klimaatbewust, circulariteit, en afval & grondstoffen, moesten samen één uitnodigend verhaal worden: niet voor beleidsmakers, maar voor inwoners.
We ontwierpen het beeldmerk Samen Duurzaam Vooruit, gaven het programma een gezicht met Freek van Hilvarenbeek, en bouwden een visueel systeem dat van een poster tot een omgevingsprogramma tot een straks volgende website consistent aanvoelt, en dat zo veel langer meegaat dan één campagne.
Van beleidsdocument naar buurthuis-taal.
Duurzaamheid is voor een gemeente makkelijk te verwoorden in CO²-doelstellingen, programma's en kaderbesluiten. Maar voor de inwoner die zijn huis isoleert, zijn tuin ontstent of nadenkt over een warmtepomp, klinkt dat als ruis. We hadden een merk nodig dat de afstand overbrugt.
Wat het was
- Energietransitie, klimaatbewust, circulariteit, afval, allemaal apart benoemd in beleidsstukken
- Communicatie per campagne, zonder dragend merk dat erboven hangt
- Inwoners herkennen de gemeente, niet de duurzaamheidsambitie
- Beleidstaal, afstandelijk, technisch, vermoeiend
- Geen gezicht, geen tagline, geen consistente kleur
Wat het werd
- "Samen Duurzaam Vooruit" als paraplu over alle vier thema's
- Eén visueel systeem dat van poster tot website werkt
- Freek van Hilvarenbeek als herkenbaar gezicht voor de boodschap
- "Samen Duurzaam Vooruit", paraplu over alle vier de thema's, herkenbaar in één oogopslag
- Concrete vragen op de homepage in plaats van abstracte thema's
Eerst samenhang, dan vorm.
We begonnen niet bij het logo. We begonnen bij de vraag: hoe zorg je dat een ambtelijk programma in het dorp leeft? Pas toen de strategische logica stond, vertaalden we hem in beeld, taal en karakter.
Programma uit elkaar trekken
Het Omgevingsprogramma 2025–2030 ontleed, ambities concreet gemaakt, en gekeken waar inwoners feitelijk al meedoen.
Eén paraplu, vier thema's
"Samen Duurzaam Vooruit" als kernidee. Niet de gemeente die spreekt, maar het dorp dat samen vooruit beweegt.
Freek krijgt vorm
Een herkenbare buur als gids: nuchter, daadkrachtig, niet belerend. De stem die het programma uit de raadszaal haalt.
Beeldmerk + bouwstenen
Een speech-bubble met kraft-textuur, vier kleurkwadranten, geometrische bouwstenen en een confetti-tegelstrip die alles aan elkaar bindt.
Eén verhaal, vier sporen.
Onder "Samen Duurzaam Vooruit" lopen vier inhoudelijke sporen die elk hun eigen kleur en iconografie kregen, maar samen één wiel vormen. Een inwoner kiest waar hij wil starten, en komt automatisch verder.
Energietransitie
Energieneutraal in 2050. Van isolatie en warmtepompen tot zonnepanelen, windenergie en het collectieve warmtenet.
Klimaatbewust
Meer groen, minder hittestress, ruimte voor wateropvang. Iedere inwoner binnen 300 meter van een groenvoorziening.
Circulariteit
Materialen die rondgaan in plaats van weg. Lokale verhalen, inspirerende projecten en concreet handelingsperspectief.
Afval & grondstoffen
Maak van afval iets waardevols. Milieustraat, gladheidbestrijding, educatie en zwerfafval, concreet voor in de straat.
Samen Duurzaam Vooruit.
Een tekstballon met kraft-textuur, een stencil-typografie die in het dorp past, en een blad dat de richting wijst.
De vorm verwijst naar een spraakbubbel: het programma spreekt, in plaats van het op te leggen. Het bladmerk groeit uit de tweede letter van "Duurzaam" en is tegelijk pijl, vooruit.
De oranje URL-pill onderaan trekt de aandacht naar het actiepunt: ga naar de site en doe mee.
Duurzaam
Vooruit
Duurzaam
Vooruit
Duurzaam
Vooruit
Een buur met een missie.
De stem die het programma uit de raadszaal haalt.
Freek is geen wethouder en geen klimaatactivist. Hij is de buur die net z'n dak heeft geïsoleerd en je vertelt waarom dat een betere zet was dan hij dacht. Nuchter, daadkrachtig, niet belerend.
Op de toekomstige website wordt Freek de gids die inwoners langs vier concrete vragen leidt: Mijn huis energiezuinig maken, Mijn tuin groener, Slim omgaan met water, en Welke subsidies kan ik krijgen?
Zo wordt duurzaamheid geen kader meer, maar een gesprek.
Vijf kleuren, vier bouwstenen, één herkennings-strip.
Geen rigide stijlgids, maar een set bouwstenen waarmee de gemeente en haar partners zelf vormgevingsbeslissingen kunnen nemen, en altijd binnen de familie blijven.
Vijf kleuren, vijf rollen.
Donkergroen draagt het merk. Oranje accentueert. Blauw, paars en groen-mid zijn de thema-kleuren. Kraftbeige geeft het systeem warmte.
Vier wig-vormen, oneindig combineerbaar.
Een tweede beeldmerk-variant maakt het blad opbouwbaar: vier kleurkwadranten, één wigvorm per thema, samen één leaf.
De kleur-strip als handtekening.
Onderaan elke drager loopt een strip van kleurige tegels, van flyer tot poster tot rapportomslag. Altijd hetzelfde ritme, andere lengte.
Van programmaboek tot poster tot animatie.
Het merk moest niet alleen op een homepage werken. We trokken het door naar het beleidsdocument waar de hele ambitie in staat, naar het straatbeeld van de poster, en naar de animatie die op infoavonden draait.
Omgevingsprogramma 2025–2030.
De omslag én binnenpagina's in het systeem: foto-vlakken met afgeronde hoek, oranje pijlen die richting wijzen, en de thema-iconen die binnenin terugkomen.
Het programma in beweging.
Een korte animatie die het beeldmerk en de vier thema's samenbrengt, bedoeld voor infoavonden, social en de toekomstige website.
Maak kennis met Freek.
De introductie van het karakter, opgehangen in het gemeentehuis, de bibliotheek en de milieustraat. Eerste publieke kennismaking.
duurzaamhilvarenbeek.nl
Het merk komt samen in één digitale thuisbasis: vier thema-paden, Freek als gids, en een modulair systeem dat met de ambities van het programma meegroeit.
Maatwerk in Umbraco, getoetst op toegankelijkheid.
Goed doen in plaats van snel doen. We bouwen de site op maat in Umbraco, geen template, geen black-box-plugins, en nemen toegankelijkheid ván het ontwerp af mee, niet pas bij de oplevering.
Een op-maat-gebouwde backend voor het programma.
Umbraco is een stabiel, schaalbaar CMS waarin we de visuele identiteit per contentblok vastleggen. Beheerders bij de gemeente werken straks met vooraf gedefinieerde Lego-blokken: header, hero, RTE, FAQ, formulieren, agenda, alles binnen de huisstijl, zonder dat ze technische kennis nodig hebben.
- Modulaire contentblokken, combineerbaar als bouwstenen
- Templates voor homepage, thema's, nieuws, verhalen, agenda en zoek
- Umbraco Forms voor contact en inschrijvingen
- MailChimp-koppeling voor de nieuwsbrief
- Meertalig opgezet (NL als startpunt, EN voorbereid)
- Hosting + security patches via Creative Suspects
- GA4 + Google Tag Manager voor meetbaarheid
Een solide basis, met een groeipad naar AA.
Volledige WCAG 2.1 niveau AA valt buiten de bouwopdracht, maar we ontwerpen en bouwen de templates zo dat ze er écht klaar voor zijn. We werken met de vier WCAG-principes als kompas en plannen een audit ~6 maanden na livegang.
Drie woorden die het programma dragen.
Rol, jaar, vervolg.
Klant
Gemeente Hilvarenbeek
Rol
Strategie, merkidentiteit, karakterontwerp, toepassingen
Jaar
2025–2026, lopend
Wordt de volgende jouw verhaal?
We bouwen graag het volgende merk met een opdrachtgever die mee durft te ontdekken.