Klimakiller

Im Zuge unserer Projektarbeit sollten wir einen Click Dummy in Figma erstellen. Für mich war sehr schnell klar, dass ich mich im Zuge dieses Projektes mit dem Thema Klimawandel auseinandersetzen will. Denn Klimawandel ist eines der größten Probleme unserer Zeit und trotzdem gibt es keine einzige gute Übersichtsseite, welche alle Faktoren aufzeigt. Genau da habe ich angesetzt.

Umsetzung

Mid-Fi

Am Anfang des Projektes haben wir einen Mid-Fi Prototype entwickelt, um zu testen, wie gut der User durch unsere Seitenstruktur navigieren kann. Meine Idee war es die Erde mit einem Kreisdiagramm als wiederkehrendes Mittel und Bedienelement zu verwenden. Im nachfolgenden Bild seht ihr, wie durch die Seiten navigiert werden soll. (mit angezeigtem Hover).

Next Steps

Durch das Testen mit dem Mid-Fi Prototyp wusste ich, dass der User sehr gut über meine Bedienelemente navigieren kann. Als nächstes musste ich eine Schriftart und Farben für mein Projekt wählen. Im Zuge dessen habe ich ein Moodboard entwickelt und folgende Auswahl getroffen:

Finale Version

Da die Startseite schon im ersten Entwurf gut funktioniert hat, habe ich dort nicht mehr viel angepasst. Über die unterschiedlichen Daten im Diagramm kann gehovert werden, um kleine Informationen anzuzeigen. Wenn man mehr erfahren will, gelangt man auch direkt zur Unterseite.

Erste Informationsstruktur

Auf der Unterseite wird das wiederkehrende Mittel des Kreisdiagrammes verwendet, um erneut wichtige Informationen darzustellen. Im Bild ist der Hover über einen Teil des Diagrammes dargestellt. Auf dieser Seite sind die allgemeinen Informationen über Co2 dargestellt. Will der User erneut Näheres über zum Beispiel Ernährung erfahren, kann er erneut auf eine Unterseite gelangen.

Zweite Informationsstruktur

In der letzen Informationsstruktur werden genaue Daten angezeigt. Erneut kann man den Diagramm sehr allgemeine Informationen entnehmen. Will der User mehr erfahren, kann er durch die Seite Scrollen und findet dabei interessante Artikel.