Concept:
The municipality of Rotterdam has a PDF on their website containing their house style guidelines. From that, I was able to extract visual elements and colour codes. This allowed me to get a clearer picture of the website and create a style sheet for the 'Plog de dag' page. Additionally, I looked at how they place elements and what kind of hierarchy exists. I retained a few elements from the municipality's main style, such as the buttons. To distinguish the campaign from the website, I used the same colours.
Concept:
The municipality of Rotterdam has a PDF on their website with their brand guidelines. From this, I was able to extract visual elements and the colour codes. This allowed me to get a clearer picture of the website and create a style sheet for the 'Plog de dag' page. Additionally, I looked at how they place elements and what kind of hierarchy exists. From the main style of the municipality, I retained a few elements, such as the buttons.
Concept:
The municipality of Rotterdam has a PDF on their website with their style guidelines. From that, I was able to extract visual elements and the color codes. This allowed me to get a clearer picture of the website and create a style sheet for the 'Plog de dag' page. Additionally, I looked at how they place elements and what kind of hierarchy there is. From the municipality's main style, I retained a few elements, such as the buttons. To distinguish the campaign from the website, I used the same colors.
used, but by using them in a different way it became a bit more playful.
In addition, I also looked at the different devices on which the website should be displayed. On computers and tablets, the number of columns in which the elements are located remains the same. Only when the screens are narrower than 40em does the number of columns change from two to one. This way, all elements fit and readability remains good.
To distinguish the campaign from the website, I have used the same colours, but by using them in a different way it became a bit more playful.
In addition, I also looked at the different devices on which the website should be visible. On computers and tablets, the number of columns remains the same in which the elements are placed. Only when the screens are smaller than 40em does the number of columns change from two to one. This way, all elements fit and the readability remains good.
used, but by using them in a different way it became a bit more playful.
I also looked at the different devices on which the website should be visible.
On computers and tablets, the number of columns remains the same in which the elements are located. Only when the screens are smaller than 40em does the number of columns change from two to one. This way, all elements fit and readability remains good.
Plog de dag!
Plog de dag!
Plog de dag!
The Municipality of Rotterdam is organizing the campaign 'Plog de dag'. The aim of the campaign is to encourage people to collect as much litter as possible while running. To launch the action, a responsive webpage is needed. Designs must be created for mobile, tablet, and desktop. The municipality finds it important that the page stands alone, but the style should fit with that of the Municipality of Rotterdam.
Noor Meijns 2025
Noor Meijns 2025
Noor Meijns 2025
Noor Meijns 2025