NOVUM – Mobile UX/UI Concept

Portfolio

Studienprojekt · 2017Mobile UX · UI Design · Visual Concept

NOVUM

Ein visueller Tagesplaner für Termine, Aufgaben, Listen und persönliche Organisation

NOVUM entstand während meiner Studienzeit als vollständiges Mobile-App-Konzept. In Adobe Photoshop entwickelte ich 13 zusammenhängende Screens – vom Onboarding über Kalender und Aufgabenverwaltung bis zu Statistik, Timeline und Navigation.

Mobile UXInformation ArchitectureUI DesignVisual DesignInteraction ConceptAdobe Photoshop
Projekt ansehen
NOVUM App-Konzept mit Overview, Home und Listenansicht
NOVUM · Studienprojekt · 2017
Meine Rolle
UX/UI Konzept · Visual Design
Umfang
13 ausgearbeitete App-Screens
Werkzeug
Adobe Photoshop
Fokus
Daily Planning & Personal Organization

Eine App, die den Tag nicht komplizierter macht

Die Grundidee verbindet Kalender, Aufgaben, Gruppen und Listen in einer ruhigen mobilen Struktur. Wiederkehrende Navigation, klare Farbcodes und große visuelle Einstiege führen von der schnellen Tagesübersicht bis zur detaillierten Aufgabe.

Login: reduzierter Einstieg mit klarer Markenidentität
Login: reduzierter Einstieg mit klarer Markenidentität
Sign-up: wenige Felder und konsistente visuelle Führung
Sign-up: wenige Felder und konsistente visuelle Führung
Onboarding: Nutzen und Bedienprinzip in einem fokussierten Schritt
Onboarding: Nutzen und Bedienprinzip in einem fokussierten Schritt
Home: Termine, Kalender und Tageskontext auf einer Oberfläche
Home: Termine, Kalender und Tageskontext auf einer Oberfläche

Von der Anmeldung zur persönlichen Tagesübersicht

Der Flow führt ohne Sackgassen vom Einstieg über die Tagesplanung bis zur Fortschrittskontrolle. Jede Hauptansicht beantwortet eine klar abgegrenzte Nutzerfrage.

Onboarding

Anmelden & Profil anlegen

Today

Termine sofort erfassen

Organize

Gruppen & Listen strukturieren

Review

Timeline & Fortschritt prüfen

01

Start

Login oder Sign-up

02

Orientieren

Tag und Termine sehen

03

Ordnen

Gruppen und Listen nutzen

04

Planen

Neue Aufgabe anlegen

05

Reflektieren

Timeline und Statistik

NOW

Home & Calendar

Was steht heute an? Termine, Personen und Zeitkontext bleiben direkt sichtbar.

NEXT

Lists & Timeline

Was folgt als Nächstes? Aufgaben, Kategorien und Fortschritt werden handlungsfähig.

Ein konsistentes Interface über den gesamten App-Flow

Fotografische Header, großzügige Typografie, feine Trennlinien und ein kräftiger pinker Akzent bilden die visuelle Sprache. Türkis, Orange und Violett ergänzen sie als funktionale Statusfarben.

01 / 06
Kalenderansicht mit Tages-, Wochen- und Monatsnavigation
Kalenderansicht mit Tages-, Wochen- und Monatsnavigation
Overview mit Fortschritt, Completed, Snoozed und Overdue
Overview mit Fortschritt, Completed, Snoozed und Overdue
Gruppenansicht für Shop, Work, Health, Travel, Bills und Auto
Gruppenansicht für Shop, Work, Health, Travel, Bills und Auto
Listenansicht mit Status, Kategorien und schneller Ergänzung
Listenansicht mit Status, Kategorien und schneller Ergänzung
Aufgabe erstellen mit Zeit, Ort, Benachrichtigung und Personen
Aufgabe erstellen mit Zeit, Ort, Benachrichtigung und Personen
Timeline als chronologischer Blick auf den Tag
Timeline als chronologischer Blick auf den Tag

Mein Beitrag: UX-Struktur und visuelle Ausarbeitung aus einer Hand

Ich entwickelte die Navigationsstruktur, ordnete Kalender, Gruppen, Listen und persönliche Auswertung zu einem zusammenhängenden Produktfluss und gestaltete anschließend alle Screens vollständig in Photoshop. Das Projekt zeigt eine frühe, bereits systemische Auseinandersetzung mit Mobile UX und konsistentem Interface Design.

Vom Nutzungskonzept zum vollständigen Screen-Set

01

Structure

Kernaufgaben und Navigation zwischen Kalender, Listen, Gruppen und Profil definieren.

02

Flow

Onboarding, Tagesübersicht, Erstellung und Review als zusammenhängenden Ablauf ordnen.

03

Visual Direction

Fotografie, Typografie, Pink als Handlungsfarbe und ergänzende Statusfarben zusammenführen.

04

High Fidelity

Alle Zustände und Ansichten detailliert in einer strukturierten Photoshop-Datei ausarbeiten.

Alle 13 Screens des NOVUM-Konzepts

01 / 13
01 · Login
01 · Login
02 · Sign-up
02 · Sign-up
03 · Walkthrough
03 · Walkthrough
04 · Home
04 · Home
05 · Calendar
05 · Calendar
06 · Overview
06 · Overview
07 · Groups
07 · Groups
08 · List
08 · List
09 · Create
09 · Create
10 · Profile
10 · Profile
11 · Timeline
11 · Timeline
12 · Settings
12 · Settings
13 · Navigation
13 · Navigation

Die zentralen UX-Bausteine

Tagesfokus

Home und Kalender verdichten Zeit, Personen und Termine zu einem schnell erfassbaren Tagesbild.

Flexible Organisation

Gruppen und Listen bilden unterschiedliche Lebensbereiche ab, ohne die Grundbedienung zu verändern.

Geführte Erstellung

Titel, Zeit, Ort, Benachrichtigung, Personen und Wiederholung folgen einer verständlichen Reihenfolge.

Fortschritt & Reflexion

Overview, Profil und Timeline machen Completed, Snoozed und Overdue als persönliches Muster sichtbar.

Ergebnis

Ein vollständiges Mobile-UI-Konzept aus meiner Studienzeit

NOVUM dokumentiert meinen frühen Anspruch, nicht nur einzelne schöne Screens zu gestalten, sondern Navigation, Funktionen und visuelle Zustände als zusammenhängendes Produktsystem zu denken. Die originale PSD blieb vollständig erhalten und wurde für diese Case Study erstmals als Serie einzelner Screens aufbereitet.

01 / 01