App-Konzept für Habit Tracking x Reflexion

Gewohnheiten nicht nur tracken, sondern gleichzeitig den Alltag reflektieren? ReflAct macht’s möglich! Das App-Konzept verbindet Habit Tracking mit Reflexion. Dafür bietet ReflAct einen einfachen und schnellen Einstieg. Die App hilft Nutzer:innen, die eigene Produktivität zu fördern und ihre Ziele Schritt für Schritt zu erreichen.



Challenge

Im Gegensatz zu unerreichbaren Neujahrsvorsätzen unterstützt die Anwendung, Nutzer:innen durch eine regelmäßige Reflexion dabei, ihre Ziele herauszuarbeiten und basierend auf diesen neue Gewohnheiten zu etablieren. Produktivität meets Selbstverwirklichung – aber ohne toxische Hustle Culture.

Von der Recherche und Konzeption über Strategieentwicklung bis hin zum UI und UX Design: Wir zeigen am Beispiel ReflAct, wie ein App-Konzept entsteht. Der strategische Fokus bei ReflAct lautet: ganzheitlich, granular und bloß nicht stressig. Die App soll unterstützen, motivieren und inspirieren!

Anlegen einer neuen Gewohnheit, die Regelmäßigkeit und andere Einzelheiten können direkt über die App eingestellt werden
Text

Habit Tracking

Mittels Habit Tracking werden Nutzer:innen darin unterstützt, Routinen zu bilden. Aus Vorsätzen und Wünschen werden so Gewohnheiten die ihren festen Platz im Alltag haben. Unser ganzheitlicher Ansatz sorgt auch für eine bessere Übersicht. Denn die Nutzer:innen ordnen ihre Gewohnheiten und Ziele drei Kategorien zu: Persönliches, Beziehungen und Arbeit. Etwas über Nacht zu erreichen ist kaum möglich, Schritt für Schritt dafür aber umso mehr!

Die Gewohnheiten können in die drei Lebensbereiche
Screens mit Übersichten der drei Kategorien und ihren einsortierten Gewohnheiten

Reflexion

Der Reflexions-Modus bietet den perfekten Gegenpart zum Habit Tracking, denn durch diesen können Nutzer:innen regelmäßig ihren Alltag reflektieren, um daraus zu lernen. Wovon soll es in den jeweiligen drei Lebensbereichen zukünftig mehr und wovon weniger geben? Basierend auf diesen Erkenntnissen unterstützt ReflAct, erreichbare Ziele zu setzen, die durch neue Gewohnheiten erreicht werden können.

01 | Research & Ideation

Am Anfang eines jeden Projekts steht natürlich die Recherche. Durch einen methodischen Ansatz arbeiten wir in dieser Phase Bedürfnisse der Nutzenden heraus und analysieren den Markt sowie Konkurrenzprodukte. Sobald wir uns für eine Richtung entschieden haben, definieren und priorisieren wir die wichtigen Features. Die erste schematische Version aller Screens skizzieren wir mit Wireframes. Zusätzlich definieren wir die Funktionsweise bestimmter Features und legen fest, wie Nutzer:innen mit diesen interagieren können.

Übersicht der grafische Darstellungen, der Schiebereglereingaben. Die Eingaben beeinflussen, die Transaprenz, Farben, Bewegungen und Anzahl der Kreise
Übersicht und methodische Einsortierung der App Features nach Prioritäten geordnet

02 | Strategie & Konzept

Aus einer anfänglichen Idee wird ein Konzept und dieses muss natürlich auch strategisch untermauert werden. Abgesehen von strategischen Entscheidungen während der Konzeption, spielt die Strategie auch für Rahmenbedingungen wie Geschäftsmodell, Kommunikation und Branding eine Rolle.

Miro Board mit allen angewandten Methoden während des Projekts, von der Recherche bis zur Gestaltung

03 | Visual Design, UI & UX Design

Farbverläufe, geometrische Formen und fließende Übergänge bilden hier das Zentrum der Gestaltung. Diese Designelemente werden auf die Features und Wireframes übertragen. Schritt für Schritt entsteht das User Interface (UI).

Gleichzeitig berücksichtigen wir eine gute User Experience (UX). User Journeys und User-Flow Analysen helfen uns, die optimalste Nutzung mit der geringsten Reibung zu ermitteln. Durch die Kombination unterschiedlicher Kompetenzen und Disziplinen entwickeln wir bei ZENTRALNORDEN Anwendungen, die gerne genutzt werden und visuell Freude bereiten.

Nutzerführung der Reflexion, mit Anmerkungen zu den Übergängen und Animation der einzelnen Interaktionen
Farben aus dem Design System der App: Leuchtendes Blau, Grün, Cyan, Orange und Akzenten in Pink und Schwarz

ZN Liebesbrief