Informa­tion visuali­zation

Information visualization
Semester 3, 2021

Website on the issue “Industry and Climate Change”
with Friederike Haug and Milena Mandausch

At least since Fridays for Future, everyone is discussing about climate change. That's why this website, together with 13 others from the course, presents in a clear and comprehensible way, what climate change is and what can (and must) be done. No more fake news and vague myths, here come the facts! David Nelles and Christian Serrer, the authors of the book → "Kleine Gase - große Wirkung: Der Klimawandel" answering our questions. My team in particular followed up with industry and climate change

slider1 slider2 slider3 slider4 slider5 slider6

By means of the documentation that was created alongside the project, I explain in this slider how our website was created.

The final page was finally implemented in Webflow. → You can visit it here. Please note that the website is not responsive and optimized for screens with 1920 px width. If you have a different screen, zooming in or out with ctrl+/- or cmd+/- will help.

Idee and design: Antonia Götz, Friederike Haug und Milena Mandausch
Implementation Webflow: Friederike Haug
The basic idea of the website is a zoom. So we start with worldwide facts to give a rough overview. In the next section, we zoom in on Germany. Some climate pathways to stop climate change are explained. Then we zoom in on the production of cement and its impact on the climate is shown as an example. After the disturbing facts, we naturally also show what solutions the clever minds of this world already came up with.
A detailed, nature-based design style was chosen for illustrations (below). With it, the subject matter can be easily explained, yet the overall picture does not look too complex and slender.

And yes, we unfortunately noticed too late that excavator shovels actually belong the other way around... :')
To help users find their way around, a color system has been developed. Each section is assigned a specific color.

I was responsible for the content and layout of the Cement, Solutions and Conclusion sections on this project. However, the general style guide for the website was developed by the whole team.
What would this world be like without concrete as a building material? Cement, the binding agent in concrete, is unfortunately at least as harmful to the climate as it is popular. Therefore, here is an insight into the manufacturing process that is largely responsible for the large CO2 footprint. Unluckily, the topic seems rather dry and boring to most visitors. Therefore, an exciting implementation was needed: an animated video. With illustrations and a voice-over, the cement production is visualized.

The final video clip can be found further down the page.
In addition to the cement section, I was also responsible for the solution voids. Again, a lot of prosaic content was waiting for me. This time, I thought of an interactive element that would arouse the visitor's interest. With the computer mouse, visitors can hover over the individual solution suggestions and listen to an explanation in audio form. This way, even users who are too lazy to read are able to enjpy the content.

Video: Cement and climate change

The explanatory video clip was animated with Adobe After Effects. It shows the manufacturing process of cement and explains where changes need to be made to make the production more sustainable.

Design, illustrations and implementation: Antonia Götz
Audio: Milena Mandausch
Voice: Sven Endreß

Interactive element: solution suggestions

The globe is blinking so that every user understands that there is something to discover here. Some illustrations from the cement video were used. By clicking, an audio file is played that explains the respective approach on fixing the climate change crisis. In the following, we will briefly break down what the solution approaches contain.

Design, illustrations und implementation: Antonia Götz

What sounds less appetizing is actually, according to some experts, the most important factor in achieving climate targets. At the moment, it is used in the household sector, although it could, for example, be burned much more effectively in cogeneration­plants.

The power-to-gas process is similarly important. It sounds as complicated as it actually is. Hydrogen is to be produced from water. The combustible, synthetic gas is a great energy carrier. It can also be converted and fed into the gas infrastructure. The technology is promising and ready for the market, but unfortunately expensive and therefore (still!) unprofitable.

Hydrogen works miracles! It can ensure that hardly any coal will be needed in industry in the future. For example, it could be used effectively in steel production. However, the hydrogen must be produced in an electrolysis process that, of course, uses only renewable energy, and this still needs to be researched and developed.

Oh dear, so complicated again? This time, at least, the principle is quite simple. The CO2 waste from factories is not released into the atmosphere as exhaust gas, but captured and stored underground. Although the process is somewhat reminiscent of nuclear waste repositories and is viewed critically by many, many experts consider it essential if we want to stop climate change.
Solar thermal energy

The well-known solar thermal energy has little need for explanation. At present, it is mainly used in the household sector. In the future, however, it should also be increasingly used in industry, which is less dependent on daytime.


Industry plays a decisive role in climate change. If we want to achieve the climate pathways, many processes that have been in use for decades will have to be completely rethought and revolutionized. There is no point in thinking about diesel cars, the daily steak and wasteful consumerism. Tackling the climate crisis is certainly not pleasant, but it is still achievable. For many areas, there are ready-to-use strategies. If we want to leave a livable future for our descendants, we will probably have to put our money where our mouth is and cut back on our consumption. And we'd better do it now..