Public City Jazz

De opdracht

De stad Rotterdam wil meer aandacht geven aan instrumentale muziek, zoals jazz, door een jonger publiek aan te trekken. Aan mij de taak om een responsive one page website te ontwerpen voor het gratis evenement Public City Jazz. De website moet aansluiten bij de huisstijl van Rotterdam, aangevuld met eigen visuele stijlelementen. Op basis van aangeleverde tekst en afbeeldingen legt de focus op het vormgeven vanuit inhoud.

Informatie

  • Leerjaar: 2

  • Periode: November 2025

  • Duur: 4 weken

  • Programma's: Illustrator

  • Focus: Visual Design, UI Design

Het Resultaat

Het eindresultaat is een one page website, ontworpen voor drie verschillende device formaten. Public city Jazz is een website waarin ik de swing en de bewegelijkheid van de jazzmuziek wil laten terugkomen. Met vloeiende vormen en frisse, warme kleuren laat ik de energie zien die jazzmuziek in zich heeft. Met mijn eigen visuele elementen krijgt de website een muzikale uitstraling die aansluit bij een jonger publiek. Tegelijkertijd krijgen bezoekers een goed beeld van wat ze kunnen verwachten op het event en krijgen ze alvast een eerste indruk van de beleving van het festival.

Hoe ben ik te werk gegaan?

De onderzoeksfase

In de onderzoeksfase heb ik me verdiept in de huisstijl van de gemeente Rotterdam en geanalyseerd welke visuele elementen hierin terugkomen. Ik onderzocht onder andere het gebruik van typografie, kleur, vormen en lay-out, om te begrijpen hoe ik deze stijl kon laten terugkomen in mijn ontwerp. Daarnaast onderzocht ik het gevoel en de sfeer wat ik van jazzmuziek kreeg en verzamelde inspiratiebeelden en stijlelementen die voor mij passen bij jazz. Ook maakte ik snelle schetsen op papier waarmee de eerste ideeën voor de opbouw en ontwerp van de website ontstonden. Op basis van deze inzichten werkte ik drie verschillende ontwerprichtingen uit met elk zijn eigen sfeer en vormgevingskenmerken.

De conceptualisatiefase

Vanuit de drie ontwerprichtingen koos ik er twee om verder uit te werken in de eerste schermontwerpen voor de website. In deze uitwerkingen paste ik de visuele elementen toe die kenmerkend waren voor elke richting, zoals kleurgebruik, vormen en typografie. Op basis van feedback en docenten koos ik voor de richting die ik verder ging uitwerken voor mijn definitieve ontwerp. Tijdens het verfijnen van deze richting heb ik de gekregen feedback verwerkt om het ontwerp verder te verbeteren.

De ontwerpfase

Vervolgens ging ik experimenteren met vormen, kleuren, typografie en lay-out. Hierbij richtte ik me op consistentie, leesbaarheid en een duidelijke visuele hiërarchie. Tegelijkertijd zocht ik manieren om de energie en bewegelijkheid van jazz terug te laten komen in het ontwerp. Door meerdere iteraties te maken heb ik het ontwerp steeds verbeterd, wat resulteerde in een responsive website voor drie verschillende schermformaten.