ZEP Zeiterfassung – UX Redesign
Challenge
Heuristische Analyse der bestehenden Zeiterfassungsmaske von ZEP (1.500+ Kunden, 50.000+ Nutzer täglich) im Rahmen einer Bewerbungs-Case-Study. Identifizierte Probleme: vollbreites Formular ermüdet Augen, falscher initialer Fokus (Bemerkungsfeld statt Datum), Scrollen bei vielen Buchungen.
Stakeholder
- Projektarbeiter (78 % der Nutzer, tägl. Zeiterfassung)
- Projektmanager (13 %, Projektübersicht & -planung)
- Buchhalter (9 %, monatliche Abrechnung)
Ziele
- Zeiterfassungsmaske inkl. Navigation neu gestalten
- Drei Layoutkonzepte entwickeln und begründen
- Designprozess transparent dokumentieren
Process
Methoden
Tools
Team
Solo-Projekt (Bewerbungs-Case-Study bei provantis IT Solutions)
Dauer
2023 – im Rahmen eines Bewerbungsgesprächs
Solution
Entwicklung eines neuen Navigationskonzepts (vertikale Icon-Sidebar mit Flyout) kombiniert mit Master-Detail-Pattern für die Zeiterfassung. Drei Layoutvarianten wurden konzipiert und als Hi-Fi-Prototypen ausgearbeitet.
Key Features
- Vertikale Icon-Navigation statt horizontaler Doppel-Menüleiste
- Flyout-Untermenü (dockbar als zweite Spalte)
- Master-Detail-Layout: Übersicht links, Eingabeformular rechts
- Mehrspaltige Projektansicht (je Projekt eine Spalte)
- Outlook-ähnliche Kalenderansicht mit farbkodierten Buchungen
- Warnhinweis bei Überbuchung pro Tag
Design-Entscheidungen
Navigation nach links verlagert – Desktop nutzt horizontale Breite effizienter
Formulare max. halbe Bildschirmbreite – reduziert Augenbewegung und Ermüdung
Initialer Fokus korrigiert: erstes Datumsfeld statt Bemerkungsfeld
Einfügen-Button je Tag erlaubt nachträgliche Buchungen ohne Umweg
Screens
Impact
Drei vollständige Redesign-Varianten mit unterschiedlichen Interaction-Patterns
Hi-Fi-Prototyp in Figma mit funktionaler Navigation
Konzept für 50.000+ tägliche Nutzer der ZEP-Plattform
Business Impact
Konzeptuelle Grundlage für eine modernisierte UX der ZEP-Zeiterfassungsplattform. Zeigt strukturierten UX-Prozess von Analyse über Research bis Prototyp.
Lessons Learned
- Annahmen früh transparent machen – ermöglicht fundierte Designentscheidungen
- Mehrere Konzeptvarianten parallel zu entwickeln schafft bessere Entscheidungsgrundlage
- Bestehendes System erst validieren bevor neugestaltet wird