TaskSync App
Zurück zur Startseite

Eigenes Projekt | Fallstudie

Zeitplan
Feb 2025 - Mar 2025
Tools
Figma Illustrator
Meine Rolle
UI Designer

Projektüberblick

TaskSync ist eine konzeptionelle Plattform für Aufgabenmanagement, die Zusammenarbeit vereinfacht und Produktivität für Einzelpersonen und Teams effizienter gestaltet. Mit einem Fokus auf KI-gestützte Unterstützung und minimalen Reibungsverlust bietet TaskSync ein intelligentes, intuitives Design für den täglichen Workflow.

Dieses persönliche Projekt umfasst ein vollständiges UI/UX-Designsystem, ein webbasiertes Dashboard sowie eine responsive mobile Landingpage. Es zeigt meine Fähigkeit, in Systemen zu denken, Nutzerziele zu priorisieren und klare Ästhetik mit funktionaler Tiefe zu verbinden.

Das Problem

Obwohl es unzählige Tools für Aufgabenmanagement gibt, leiden viele unter unnötiger Komplexität, Unübersichtlichkeit und Funktionsüberladung. Das führt zu geringerer Nutzerbindung und einem erschwerten Einstieg – insbesondere für Teams, die Wert auf Klarheit und Geschwindigkeit legen.

Overloaded interface example
PROBLEM #1

Überlastete Benutzeroberflächen

Viele Tools wollen alles gleichzeitig sein – was in überfrachteten Dashboards resultiert, die den Nutzer eher überfordern als unterstützen.

BEISPIEL

Users are presented with excessive options upfront, forcing them to dig through menus and sidebars to perform basic actions.

AUSWIRKUNG

Mentale Ermüdung. Die Wahrscheinlichkeit sinkt, dass Nutzer langfristig beim Produkt bleiben.

Task prioritization example
PROBLEM #2

Fehlende intelligente Priorisierung

Oft müssen Aufgaben manuell sortiert oder gewichtet werden – das kostet Zeit, statt sie zu sparen.

BEISPIEL

Wichtige Aufgaben geraten schnell unter weniger wichtige, wenn die Sichtbarkeit nicht aktiv gesteuert wird.

AUSWIRKUNG

Wichtige Punkte werden übersehen, Teams verlieren an Effizienz im Tagesgeschäft.

AI integration example
PROBLEM #3

Schlechte Integration von KI

KI wird oft als Gimmick oder durch laute Automatisierung eingeführt – und lenkt eher ab, als zu helfen.

BEISPIEL

Aufdringliche KI-Vorschläge, die ohne Kontext auftauchen oder eigenmächtig Entscheidungen treffen.

AUSWIRKUNG

Misstrauen gegenüber „intelligenten" Funktionen – Nutzer schalten ab.

Hauptziele

ALLGEMEINE ZIELE

  • Skalierbare Benutzeroberfläche für Einzelpersonen und Teams entwickeln
  • KI als unterstützende Ebene gestalten, nicht als kontrollierendes Element
  • Unnötige Elemente reduzieren, ohne zentrale Funktionen zu verlieren

UX-ZIELE

  • Nutzern helfen, sich täglich auf das Wesentliche zu konzentrieren
  • Schneller Einstieg ohne lange Erklärungen
  • Aufgabenverwaltung soll intuitiv und störungsfrei wirken

UI-ZIELE

  • Klare visuelle Hierarchie für schnelle Entscheidungen
  • Minimalistisches, ruhiges Design zur Reduktion visueller Reize
  • Wiederverwendbare Komponenten für konsistentes Design

Ergebnisse

Landing Page UI/UX Design
Desktop Landing Page
Web dashboard
Web dashboard
Mobile Landing Page
Mobile Landing Page

Zielgruppen

Team icon
Projektleiter und Teamverantwortliche
Freelancer icon
Freiberufler mit mehreren Kunden
Small team icon
Kleine bis mittelgroße Teams
Remote team icon
Remote-Teams

Hauptfunktionen

1. Intelligentes Priorisierungs-Panel

Hebt wichtige Aufgaben auf einen Blick hervor – ohne langes Suchen.

Research process

2. Tägliche To-do-Liste

Fokussiert auf konkrete, zeitkritische Ziele.

Information architecture

3. Kunden-Feedback-Modul

Ermöglicht direkte Feedbackschleifen im Aufgabenverlauf – für transparente Kommunikation und gezielte Iterationen.

Wireframing process

4. Fokus-Timer

Fördert konzentriertes Arbeiten durch optionales Timeboxing im Pomodoro-Stil.

Final design

Farbpalette

Pure White

#FFFFFF

RGB: 255 255 255

Pastel Periwinkle

#A1A1FF

RGB: 161 161 255

Muted Lavender

#6E76B4

RGB: 110 118 180

Soft Indigo

#6D6DFC

RGB: 109 109 252

Deep Blue Gray

#474A83

RGB: 71 74 131

Vivid Blue

#1010FF

RGB: 16 16 255

Midnight Blue

#020213

RGB: 2 2 19

Indigo

#1A173E

RGB: 26 23 62

Typografie

Inter

Ich habe mich für die Schriftart Inter entschieden – modern, klar und besonders gut lesbar. Ihre geometrischen, aber freundlichen Formen machen sie ideal für digitale Oberflächen: leserlich auf allen Bildschirmgrößen. Durch exzellentes Kerning und ausgewogene Abstände verbindet Inter Ästhetik mit Funktionalität und verleiht dem Design einen professionellen, einladenden Charakter.

REGULAR - 400

A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z

MEDIUM - 500

A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z

SEMI BOLD - 600

A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z

Was ich gelernt habe

IN KOMPONENTEN DENKEN

  • Ein wiederverwendbares Designsystem zu schaffen, hat mir geholfen, visuelle Konsistenz zu skalieren und spätere Iterationen deutlich zu beschleunigen.

WENIGER IST MEHR

  • Der Fokus auf Nutzbarkeit statt sinnloses Aussehen hat mich gelehrt, Überflüssiges wegzulassen und nur das zu behalten, was das Ziel der Nutzer*innen unterstützt.

PRODUKTDENKEN

  • Das Projekt hat mich gelehrt, Nutzerpsychologie und Designentscheidungen ganzheitlich zu betrachten – mit Blick auf spätere Entwicklungsschritte.

Nächstes Projekt

E-commerce Redesign

Später verfügbar

Beschreibung ist noch nicht verfügbar.

Projekt ansehen
E-commerce Redesign

Später verfügbar

Beschreibung ist noch nicht verfügbar.

Projekt ansehen
Task Management App

Später verfügbar

Beschreibung ist noch nicht verfügbar.

Projekt ansehen

Lass uns gemeinsam etwas Großartiges erschaffen

Bereit, dein digitales Produkt zu transformieren? Lass uns besprechen, wie ich deine Vision zum Leben erwecken kann.

Lass mal reden