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
clickdummytools
#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.
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.
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.
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.
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