Under Construction

Diese Inhalte sind bisher nicht für mobile Geräte optimiert. Für mehr Details zu den Projekten kehre bitte im Desktop Modus zurück.

CO2 Footprint of Digital Services

Die Zusammenhänge werden dabei in interaktiven Infografiken, welche durch eine einfache Scroll Bewegung gesteuert werden können, stark simplifiziert dargestellt und immersiv aufbereitet.

Data Traffic

In diesem Screen werden über die Animation eines klassischen Balkendiagramms, sowohl verschiedene Arten des Datenverkehrs quantitativ miteinander in Beziehung gesetzt, als auch die verschiedenen Bereiche des Video Datenverkehrs weiter aufgeschlüsselt dargestellt, so dass es dem User möglich ist, den großen Kontrast zwischen videospezifischen und nicht videospezifischen Datenverkehr zu erkennen.

Design Approach

Die drei Infografik-Animationen wurden mit Hilfe von Adobe After Effects umgesetzt und dann als Lottie SVG Animation exportiert um sie auf diese Weise über die GSAP Library auf Basis einer Scroll Position steuern zu können und so dem User die Möglichkeit zu geben, selbst über die Geschwindigkeit des Infografik "Inputs" entscheiden zu können und so den Inhalt verschiedenen Nutzergruppen leichter zugänglich zu machen,

Infrastructure & Users

In diesem Screen, der zugleich Start Screen der interaktiven Infografik Webseite ist, wird der User zunächst in den Weg des Datenverkehr eingeführt und lernt die Anteile der verschiedenen Komponenten am Energieverbrauch kennen.
Anschließend wird der Anstieg der monatlichen Internet Verbindungen seit dem Jahr 2010 visualisiert um ein Verständnis des Wachstums an Verbindungen zu ermöglichen.

GHG Emmisions

In diesem Screen wird der Anteil der verschiedenen Infrastruktur Komponenten des Datenverkehrs im Kontext ihres CO2 Ausstoßes anhand verschiedener vergleichender Besipiele ins Verhältnis gesetzt.