Better City
Sustainable Cities

2022

Web Design · Development

Storytelling

An iMac mockup on a gray background, displaying the home screen of the website. The screen features the title "Better City" in large, bold, orange letters, along with a brief introduction to the website's topic. Above the title, there is a navigation bar with a menu on the right and a citizens counter on the left. At the bottom left of the screen, there is a button for switching to dark mode.An iMac mockup on a gray background, displaying the home screen of the website. The screen features the title "Better City" in large, bold, orange letters, along with a brief introduction to the website's topic. Above the title, there is a navigation bar with a menu on the right and a citizens counter on the left. At the bottom left of the screen, there is a button for switching to dark mode.

Building more sustainable cities is one of the biggest challenges we face today. Better City is a web story about why we need more sustainable cities and how we can achieve this goal together.

The image displays two mockups, one of an iMac and the other of a MacBook, placed against a light gray background. The iMac screen showcases a section of the website with a large blue picture of a city on the right, and data of cities on the left. The MacBook screen features a quote in big, thick, white letters on a bright orange background.
A visual of an iPhone on a light gray backdrop. The screen displays a dark mode view of a website, showcasing a to-do list with tasks such as planting more, biking, reducing waste, sharing items, and joining initiatives.This image features an iPhone mockup with a gray background, displaying a dark mode view of a section of the website. The screen presents a passage discussing modular building, with a white image located below the heading "Building Modular". The image showcases numerous squares arranged in a linear pattern to illustrate modularity. Further down, there is additional text elaborating on the concept of modular building in urban environments.
The image displays a mockup of an iPad on a light gray background, showcasing the footer section of the website. The footer features a bright orange background with a large white text displaying the name "Better City". Below the name, there are various elements such as copyright, sources, imprint, and privacy presented in small letters.

Within this project, digital storytelling was used to raise awareness and stimulate discussion on the issue of sustainability in the context of urban developments.

Profile picture of Marco Koenig, facing left, with upright dark blond hair, wearing a dark blue shirt, against a neutral gray background.

Marco Koenig

Web Design · Webflow Development