m

CO²-Tracker App
Tracken des eigenen CO² Verbauchs

Auf der Suche nach einem Projekt, welches mich in den Bereichen UX/UI herausfordern sollte, bin ich bei meiner Recherche auf Health- und Fitness-Apps gestoßen. Hier fand ich die Kombination aus Fakten und Statistiken zusammen mit Challenges und Motivation im Bereich Biohacking sehr interessant. Die Motivation, sich selber zu optimieren, wollte ich jedoch statt mit einem reinen Selbstzweck mit der Verbesserung der Umwelt paaren. Daraus entstand die Idee des CO²-Trackers. Hiermit kann der User sich seines eigenen Verbrauchs bewusst werden und wird in der Community zusammen mit anderen Nutzern durch Herausforderungen motiviert seinen eigenen CO²-Verbrauch zu verbessern

clickdummy

tools

#adobe ( #ps ) / #sketch / #office

methods

#trendanalyse / #persona / #sidemap / #moodboard / #wireframe / #prototype

project start

discover

Why / How / What

Bekannt aus dem „Golden Circle“ von Simon Sinek wurde mit Hilfe der „Why/How/What-Fragen“ das Ziel der Anwendung definiert. Beispielsweise wird die eigene Überzeugung durch die Themen Umweltschutz und Gemeinschaftsgefühl geprägt.

Why, How, What

discover

Persona & Use Cases

Durch die Erstellung von 4 Personas konnte man sich in die Bedürfnisse der Nutzer hineinversetzen. Verschiedene Anforderungen wurden definiert und in Use Cases übersetzt. Diese wurden wiederum mit Benchmarks von themenverwandten Anwendungen verglichen. Am Ende konnten die MVP-Features definiert werden.

Mindmap Persona

design

Sidemap & Wireframe

Eine grobe Funktionsübersicht wurde im weiteren Prozess verfeinert und durch eine Sidemap auf verschiedene Bereiche verteilt. Im Anschluss wurden diese Bereiche in Screens aufgeteilt und durch Wireframes weiter ausdifferenziert.

Sidemap und Wireframes

design

Inspiration

Die Gestaltung sollte frisch und modern wirken. Das Thema CO² sollte durch amorphe, bewegende Strukturen aufgegriffen werden. Der Hintergrund enthält wolkenähnliche Gebilde, die ebenfalls mit dem Thema CO² in Verbindung stehen. Trotz der schwierigen Kombination von Grün- und Grautönen ist ein aufregendes und spannendes Gefühl entstanden, welches keineswegs die doch manchmal bedrückende Seite des Themas CO²-Verbrauch unterstützt.

Screendesign Co2-Tracker

define

Prototype

Abschließend wurde ein Prototyp aus den ausgestalteten Screendesigns erstellt. Dadurch können Abschnitte des Onboardings, Challenges zur Motivierung und eigene Daten und Statistiken am User überprüft werden.

clickdummy

Screenshot Prototyping