Doorgaan naar content

Een betere wereld maken

Overzicht

Features

Color themes, Live filters, News, Events, Accessibility, Custom social images, Structured data (JSON-ld), Search

Gebruikte technieken

Statamic, Peak, Tailwind CSS, AlpineJS, Livewire
Een SDG held gefotografeerd met hond in een atelier.

Door mijn eerdere samenwerking met Jaliene Kwakkel voor de Klimaatadaptatieweek Groningen raakte ik bij dit toffe project betrokken. In 2021 opende Noorderpoort het eerste SDG House in Groningen. SDG staat natuurlijk voor de Sustainable Development Goals, en het House is als het ware een open huis: de deuren staan open voor iedereen die wil bijdragen aan een betere wereld, op welke manier dan ook. Noorderpoort is hiermee het eerste ROC dat een SDG House vanuit het mbo faciliteert. Het doel: Vanuit Groningen van de wereld een betere plek maken. En daar zet ik me graag voor in.

SDG House Groningen screenshot.
De homepage hero.

De fotografie is verzorgd door Ronnie Zeemering en de huisstijl door StudioTW. De website kent verschillende kleurenthema's, geïnspireerd op de kleuren van de SDG's. Dit eenvoudige concept zorgt voor een speelse stijl. Iedere hoofdkleur heeft een eigen contrastkleur. Deze twee kleuren hebben voldoende contrast ten opzichte van elkaar. Daarmee is het mogelijk om op alle foto's - ongeacht het kleurenschema - een tekstoverlay te plaatsen zonder enige leesbaarheid te verliezen.

De website bevat verder meerdere collecties, zoals kennis, events en helden. De overzichtspagina's gebruiken aan de achterkant Laravel Livewire om zonder page refreshes te kunnen filteren op verschillende categorieën.

Jaliene Kwakkel
Portret van Jaliene Kwakkel.

Werken met Rob is een feestje! Niet alleen omdat hij altijd vrolijk is, maar ook omdat hij fantastisch én snel werk levert. We hebben samen de website voor SDG House Groningen opgeleverd, eind 2022. Een samenwerking waar we beide (volgens mij) heel trots op kunnen zijn. Rob is flexibel (alles kan), maar hij kijkt altijd kritisch mee hoe gestelde doelen visueel ondersteuning moeten krijgen. En het resultaat kon niet beter.

Health care for all people in Myanmar

  • Statamic
  • Peak
  • Tailwind CSS
  • AlpineJS
  • Stripe
  • Plyr
l -->