Produkt- und Contentmanagementsystem (PIM/CMS Enterprise Software)
Projektüberblick
Projekttyp: Enterprise Software (Produkt- und Contentmanagementsystem)
Rolle: UX & UI Design in enger Zusammenarbeit mit Product Owner und Entwicklungsteam
Kunde: Softwareanbieter im B2B-Bereich
Ziel: Neustrukturierung und visuelle Modernisierung des Systems sowie Optimierung zentraler User Flows
Listenansicht mit Multi-Edit-Modus
Filterlogik inkl. Einschließen und Ausschließen von Filterkriterien
Ausgangssituation & Zielsetzung
Das bestehende Produkt- und Contentmanagementsystem sollte grundlegend überarbeitet werden, um sowohl die Nutzerfreundlichkeit als auch die Effizienz der täglichen Arbeit im System zu steigern. Neben der Modernisierung der Oberfläche sollten neue Funktionalitäten und Workflows integriert werden.
Ziel war es, ein konsistentes, skalierbares Designsystem zu entwickeln, das sowohl die Anforderungen eines komplexen Backends als auch die Anforderungen des Website Builders abbildet.
Detailansicht mit Top Bar, Tabs und Sektionen
Herausforderungen
Das Projekt umfasste eine Vielzahl an funktionalen und gestalterischen Anforderungen.
Besonders anspruchsvoll waren die Listen- und Detailansichten:
Listen mussten viele Elemente gleichzeitig darstellen – darunter Labels, Filter (inklusive komplexer Include-/Exclude-Logik), bearbeitbare Felder sowie Funktionen zur manuellen Anpassung wie das Verschieben von Spalten.
Ein Multi-Edit-Modus ermöglichte die gleichzeitige Bearbeitung mehrerer Datensätze.
In den Detailansichten lag die Herausforderung darin, eine hohe Informationsdichte mit visueller Klarheit zu vereinen. Inhalte sollten umfassend dargestellt werden, ohne die Übersichtlichkeit zu verlieren.
Auch die zahlreichen Speicher-, Veröffentlichungs- und Unpublish-Flows inklusive Alerts und Statusmeldungen mussten durchdacht und einheitlich gestaltet werden.
Der Upload-Flow stellte eine weitere zentrale Komponente dar: Er musste den Upload verschiedener Dateitypen aus unterschiedlichen Quellen ermöglichen und gleichzeitig verständlich und robust sein.
Im Content Management System galt es, den Spagat zwischen Bearbeitungs- und Vorschau-Modus zu schaffen. Die Nutzer:innen sollten die erstellten Seiten in einer realitätsnahen Vorschau sehen („What you see is what you get“) und gleichzeitig umfangreiche Anpassungsmöglichkeiten haben, ohne das konsistente Design zu gefährden.
Ein weiteres zentrales Thema war die Entwicklung einer neuen Farbwelt und eines UI-Systems, das in zahlreichen Iterationen gemeinsam mit dem Product Owner und dem Dev-Team entstand. Daraus entwickelte sich ein umfangreiches Designsystem, das sämtliche Interaktions- und Komponentenlogiken abbildet.
Usability Testing als Zwischenvalidierung
Der User Flow “Bilderupload”
Vorgehen
Das Projekt wurde über mehrere Monate in enger Zusammenarbeit mit dem Product Owner und dem Entwicklungsteam realisiert.
In iterativen Design- und Abstimmungsphasen wurden zunächst grundlegende Designprinzipien definiert, Komponenten entwickelt und schrittweise in Prototypen überführt.
Während der Designphase wurde ein Usability Testing als Zwischenvalidierung durchgeführt – mit besonderem Fokus auf die Content-Bearbeitung. Dabei zeigte sich, dass einige Interaktionsmöglichkeiten zur Content-Erstellung und -Pflege noch nicht ausreichend intuitiv waren. Diese Erkenntnisse flossen unmittelbar in die Optimierung der Bedienlogik und Informationsstruktur ein, bevor die finale Designphase abgeschlossen wurde.
Das Content Management System mit Sidebars und Vorschaumodus
Ergebnisse & Optimierungsempfehlungen
Das Ergebnis ist ein modernes, skalierbares Interface, das komplexe redaktionelle Prozesse klar strukturiert und deutlich effizienter macht.
Das neue Designsystem bildet die Basis für zukünftige Erweiterungen und gewährleistet eine konsistente User Experience über alle Module hinweg.
Dank der optimierten Interaktionsmuster und klaren visuellen Hierarchien wurde die Bedienung intuitiver, während die hohe Funktionsvielfalt vollständig erhalten blieb.
Das begleitende Usability Testing lieferte wertvolle Erkenntnisse, um die Nutzerführung weiter zu verfeinern und die tägliche Arbeit der Nutzer:innen spürbar zu erleichtern.
Designsystem mit neuer Farbwelt, UI Elementen und Organsimen (z.B. Alerts)
Dashboard mit Einstieg in häufig genutzte Module (Anonymisiertes Kundenlogo)
