Bestelltool im Pressegroßhandel
Konsistente Nutzerführung, verständliche UX-Writing-Strategie und Interface-Design für eine zentrale Großhandels-Plattform.
- Kunde: Unternehmen im Pressegroßhandel (B2B)
- Projekt-Kontext: UX/UI-Audit, Prozess-Restrukturierung und Design-System-Entwicklung
- Technologie-Basis: Filament (PHP/Laravel)
- Meine Rolle: UX-Research (Funktionsextraktion), User Flow Redesign, UX-Writing (Mikrotexte & Bezeichnungen), Entwicklung eines skalierbaren Design-Systems
Angewendete Tools
Die Herausforderung
Im Pressegroßhandel entscheiden funktionierende Logistikprozesse über wirtschaftlichen Erfolg. Das zentrale Bestelltool der Grossisten vereint komplexe Kernfunktionen: Wareneingangskontrolle (Scannen von Lieferungen), Retouren-Management, Nachbestellungen und Echtzeit-Einblicke in Neuerscheinungen und Verkaufszahlen.
Das Problem: Die Plattform war über viele Jahre organisch gewachsen. Das Resultat war eine verschachtelte Informationsarchitektur, funktionale Überladung und visuelle Inkonsistenzen. Gleichzeitig sollte die Oberfläche im Zuge der Migration auf das Framework Filament modernisiert werden. Ziel war, die Funktionstiefe zu entwirren und das Tool so zu vereinfachen, dass es selbst für technisch weniger versierte Anwender (DAU-Prinzip) fehlerfrei bedienbar wird.
Prozess & meine Rolle
Ich habe das Tool von der funktionalen Dekonstruktion bis zur konsistenten UI-Komponente im neuen Framework überführt:
- Funktionsextraktion & UX-Audit: Zunächst habe ich die gewachsenen Features analysiert und isoliert. So konnte ich redundante Workflows eliminieren und die Kernprozesse (Lieferung, Retoure, Disposition) klar definieren.
- Neukonzeption der User Flows & UX-Writing: Auf Basis des Audits habe ich die Nutzerführung neu aufgesetzt, mit Fokus auf einfacher Sprache. Mithilfe von Claude habe ich Fachbegriffe und kryptische Systemmeldungen in eine verständliche, barrierefreie Terminologie übersetzt. So wurden fehleranfällige Prozesse wie Scannen und Reklamieren verständlich.
- Entwicklung eines konsistenten Design-Systems: Gegen die Inkonsistenz habe ich in Figma ein modulares Design-System entwickelt, abgestimmt auf die UI-Komponenten von Filament. Es sorgt dafür, dass Tabellen, Daten-Dashboards und Eingabemasken über alle Module hinweg einer einheitlichen Design-Sprache folgen.
- Iteratives UI-Prototyping: Mit Figma und Illustrator habe ich die komplexen Screens in eine schlanke, aufgeräumte Oberfläche überführt. Datenlastige Bereiche wie die Verkaufszahlen-Analyse habe ich so strukturiert, dass die Informationsdichte nicht mehr überfordert, sondern durch den Arbeitstag leitet.
Das Ergebnis
Am Ende steht eine schlankere, einfacher bedienbare Version des Bestelltools. Die Einarbeitungszeit für Grossisten sank, kritische Fehler bei Wareneingang und Retoure wurden seltener. Technisch wie gestalterisch steht die Plattform jetzt auf solidem Grund.