Public City Jazz
Waar Jazz en Rotterdam samenkomen
Project in het kort
Public City Jazz is een responsive one-page website, ontworpen binnen de officiële visuele identiteit van de stad Rotterdam. Het project richtte zich op het vertalen van vaste content en merkrichtlijnen naar een duidelijke, contentgedreven layout voor verschillende schermformaten. Door te werken met typografie, hiërarchie, grids en layoutprincipes, past het ontwerp zich soepel aan desktop-, tablet- en mobiele formaten aan, terwijl het consistentie, leesbaarheid en een sterke visuele structuur behoudt.
Mijn rol
Visual Design
Tijdlijn
September 2025
Tools
Figma, Illustrator, Photoshop, Miro
PROCES
Ik begon het project met onderzoek naar de visuele identiteit van de stad Rotterdam, waarbij ik de kleurpaletten, typografie en ontwerp-richtlijnen onderzocht waarbinnen ik moest werken. Dit onderzoek vormde de basis voor alle verdere ontwerpkeuzes.
Vervolgens ben ik gaan experimenteren met een logo, omdat dit me hielp een visuele richting te bepalen die zowel persoonlijk aanvoelde als aansloot bij de Rotterdamse huisstijl. Ik heb meerdere logo-variaties uitgeprobeerd en uiteindelijk gekozen voor versie vijf, omdat deze het beste de sfeer van jazz wist te vangen. Het uiteindelijke logo toont een trompet waar de woorden Public City Jazz uit vloeien, waarmee beweging, ritme en de energieke sfeer die ik voor de one-pager wilde creëren visueel worden weergegeven.
Eerste Ontwerpen
Na het afronden van het onderzoek en het finaliseren van het logo, begon ik met het maken van de eerste ontwerpverkenningen. In deze vroege layouts experimenteerde ik met verschillende kleuren uit het Rotterdamse merkpalet om te onderzoeken hoe ze de sfeer van het project konden ondersteunen.
Daarnaast richtte ik me op het verwerken van organische vormen in het ontwerp. Door af te stappen van strikt rechte layouts kon ik meer flow en beweging creëren, wat het jazz-geïnspireerde karakter van de one-pager versterkte en het totale ontwerp dynamischer en expressiever maakte
PROTOTYPE
Definitief Ontwerp
Na het ontvangen van feedback heb ik het ontwerp continu geoptimaliseerd en de details verfijnd. Dit omvatte het aanpassen van elementen zoals headers en knoppen om de duidelijkheid, hiërarchie en algehele consistentie te verbeteren. Elke iteratie droeg bij aan een betere visuele balans en gebruiksvriendelijkheid van de one-pager.
Uiteindelijk heb ik gekozen voor dit definitieve ontwerp, omdat de kenmerkende groene kleur van Rotterdam, hoewel deze niet direct een jazz-sfeer oproept, een frisse en energieke uitstraling geeft die goed aansluit bij de jongere doelgroep. Het jazz-karakter is in andere ontwerpelementen verwerkt.
Het gebruik van organische vormen in de achtergrond zorgt voor een speelsere uitstraling en helpt de visuele flow van de one-pager te sturen. De donkere achtergrond roept de sfeer van een jazzclub op, met de typische gedimde verlichting en intieme uitstraling van live jazzlocaties. Samen creëren deze elementen een sterke balans tussen de visuele identiteit van de stad Rotterdam en de expressieve beleving van jazz in het ontwerp.
Het visualiseren van geluid
Als tweede onderdeel van dit project heb ik een geanimeerde GIF gemaakt op basis van het nummer Too Much Broccoli van Tamas Jurists. Tijdens deze opdracht onderzocht ik hoe het gevoel van de muziek vertaald kon worden naar beweging en visueel ritme.
Het nummer voelde onrustig en gespannen aan, wat ik heb uitgedrukt door middel van dynamische bewegingen en een onregelmatig tempo in de tekst. De achtergrond heeft veel kleur en bestaat uit vloeiende vlakken die door elkaar heen bewegen, wat de energie en het ritme van de muziek versterkt.
REFLECTIE
Aan het begin van het project vond ik het een uitdaging om te werken binnen de strikte huisstijlrichtlijnen van de stad Rotterdam, terwijl ik toch een ontwerp wilde creëren dat een duidelijke jazzsfeer uitstraalde. Het vinden van de juiste balans tussen structuur en expressie vergde meerdere iteraties, maar uiteindelijk vond ik het heel leuk om deze uitdaging aan te gaan, en vind ik dat het eindresultaat die balans goed weergeeft.
Als ik erop terugkijk, zou ik de responsiveness voor grotere schermformaten anders aanpakken. In het huidige ontwerp worden de aanpassingen vooral gedaan door typografie te vergroten en de witruimte te vergroten. In een volgende iteratie zou ik alternatieve layouts voor grotere schermen verkennen, zoals het gebruik van meerdere tekstkolommen, om de beschikbare ruimte beter te benutten en de leesbaarheid verder te verbeteren.