Duurzaam Hilvarenbeek — huisstijl en merk voor het duurzaamheidsprogramma 2025–2030

Case · Gemeente Hilvarenbeek · 2025
duurzaamhilvarenbeek.nl
Homepage DuurzaamHilvarenbeek.nl — Samen Duurzaam Vooruit met beeldmerk over windmolen-foto en vier thema-tegels in oranje, blauw, groen en paars.
Huisstijl · karakter · visueel systeem · nu opschalend naar website

Hoe maak je duurzaamheid iets waar inwoners ja tegen zeggen?

Hi, ik ben Freek van Hilvarenbeek
Freek van Hilvarenbeek — karakterillustratie in oranje cirkel.
Een buur met een missie.
op naar een duurzamer Hilvarenbeek

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.

Toepassingen tot nu toe
Beeldmerk Karakterontwerp Freek Omgevingsprogramma 2025–2030 Animatie Poster A2 Visueel systeem
4 Thema's verbonden in één merk
2030 Het meerjarenkader waar de identiteit op leunt
1 Karakter (Freek) dat de toon zet

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

Vier losse onderwerpen
  • 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

Eén meerjarig merk
  • "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.

01 · Verdieping

Programma uit elkaar trekken

Het Omgevingsprogramma 2025–2030 ontleed, ambities concreet gemaakt, en gekeken waar inwoners feitelijk al meedoen.

Output · thema-kaart
02 · Positionering

Eén paraplu, vier thema's

"Samen Duurzaam Vooruit" als kernidee. Niet de gemeente die spreekt, maar het dorp dat samen vooruit beweegt.

Output · merkfundament
03 · Karakter

Freek krijgt vorm

Een herkenbare buur als gids: nuchter, daadkrachtig, niet belerend. De stem die het programma uit de raadszaal haalt.

Output · karakterontwerp
04 · Systeem

Beeldmerk + bouwstenen

Een speech-bubble met kraft-textuur, vier kleurkwadranten, geometrische bouwstenen en een confetti-tegelstrip die alles aan elkaar bindt.

Output · visueel systeem

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.

Beeldmerk · merkfundament

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.

Beeldmerk Samen Duurzaam Vooruit — donkergroene tekstballon met blad-icoon in oranje en groen.
Samen
Duurzaam
Vooruit
Samen
Duurzaam
Vooruit
Samen
Duurzaam
Vooruit

Een buur met een missie.

Freek van Hilvarenbeek

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.

A2-poster: Maak kennis met Freek van Hilvarenbeek.

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.

01 · Kleur

Vijf kleuren, vijf rollen.

Donkergroen draagt het merk. Oranje accentueert. Blauw, paars en groen-mid zijn de thema-kleuren. Kraftbeige geeft het systeem warmte.

GROEN
ORANJE
BLAUW
PAARS
KRAFT
02 · Bouwsteen

Vier wig-vormen, oneindig combineerbaar.

Een tweede beeldmerk-variant maakt het blad opbouwbaar: vier kleurkwadranten, één wigvorm per thema, samen één leaf.

03 · Patroon

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.

01 · Programmaboek

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.

→ Omgevingsprogramma Duurzaam Hilvarenbeek 2025–2030
02 · Animatie

Het programma in beweging.

Een korte animatie die het beeldmerk en de vier thema's samenbrengt — bedoeld voor infoavonden, social en de toekomstige website.

03 · Poster A2

Maak kennis met Freek.

De introductie van het karakter, opgehangen in het gemeentehuis, de bibliotheek en de milieustraat. Eerste publieke kennismaking.

04 · Live

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.

→ bezoek de site

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.

CMS · Umbraco

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
Toegankelijkheid · WCAG 2.1

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.

01 Waarneembaar Alt-teksten, voldoende kleurcontrast, correcte koppenstructuur.
02 Bedienbaar Toetsenbord-navigatie, duidelijke knoppen en links, voorspelbaar gedrag.
03 Begrijpelijk Heldere labels, consistente bediening, voorspelbare interacties.
04 Robuust Schone semantische HTML, ARIA-attributen, screenreader-vriendelijk.

Drie woorden die het programma dragen.

Duurzaam Hilvarenbeek · beeldmerk

Samen Duurzaam Vooruit.

Geen kaderbesluit, geen beleidstaal. Een uitnodiging — samen, in beweging, met richting. De paraplu waaronder vier thema's, één karakter en een visueel systeem samen één verhaal worden.

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.