E-Commerce-Plattform für Bibliotheken (B2B)
*Anonymisiertes Kundenlogo
Projektüberblick
Projekttyp: E-Commerce Portal (B2B) für Bibliotheken
Rolle: Usability Testing, UX Design, UI Design
Kunde: Größter Bibliotheksausstatter im deutschsprachigen Raum
Ziel: Verbesserung der Usability, Optimierung der Produktsuche und Modernisierung der Produktdarstellung
Ergebnisse des Usability Testings in Form von Mustern mit Handlungsempfehlungen
Ausgangssituation & Zielsetzung
Das Unternehmen beliefert öffentliche und wissenschaftliche Bibliotheken deutschlandweit mit Möbeln, Geräten und Zubehör – von Ausleihsystemen über Drucker bis hin zu Einbindefolien. Der bestehende Onlineshop war funktional, jedoch in seiner Nutzerführung und visuellen Aufbereitung nicht mehr zeitgemäß.
Ziel war es, im Rahmen eines umfassenden Usability Testings die Nutzbarkeit der bestehenden Plattform zu prüfen, konkrete Pain Points zu identifizieren und auf dieser Basis ein UX- und UI-Redesign zu entwickeln, das die Nutzung vereinfacht und die Entscheidungsprozesse der Zielgruppe besser unterstützt.
Neue Produktseite mit Farbvarianten, Referenzprojekten, Vergleichsfunktion, Schnellübersicht (*Anonymisiertes Kundenlogo)
Herausforderungen
Das Usability Testing – konzipiert und moderiert von mir in enger Zusammenarbeit mit der Projektleitung des Kunden – zeigte deutlich, dass selbst erfahrene Bibliothekar:innen im Shop Orientierung und Klarheit vermissten.
Zentrale Erkenntnisse waren:
Informationsüberlastung: Relevante Details waren in langen Texten verborgen, wurden häufig übersehen. Nutzer:innen reagierten stark auf Bilder statt auf Fließtext.
Fehlende Anschaulichkeit: Produkte wie Möbel oder Einrichtungsobjekte konnten nur schwer beurteilt werden – insbesondere in Bezug auf Farbvarianten, Größenverhältnisse oder Einsatzkontexte.
Unklare Navigation: Nutzer:innen starteten meist mit einer Produktkategorie im Kopf, fanden den Einstieg über Kategorien aber nur schwer (Banner Blindness).
Wiedereinkaufsszenarien: Häufige Ergänzungs- oder Wiederbeschaffungen waren im bestehenden System nicht optimal unterstützt.
Gruppenentscheidungen: Kaufentscheidungen wurden oft im Team getroffen – jedoch fehlten Export-, Druck- und Teilfunktionen, um Informationen gemeinsam zu bewerten.
Vergleichbarkeit: Viele Produkte ähnelten sich stark, ein systematischer Vergleich war bislang kaum möglich.
Suche: Die Suchfunktion lieferte unpräzise oder irrelevante Ergebnisse und bot kaum visuelle Orientierung.
Varianten zur Neugestaltung der Suche mit Auto-Complete, Kategorievorschlägen und Direkt-Treffern inklusive Produktbildern
Neue Menüstruktur mit Keywords und Beispielprodukten (*Anonymisiertes Kundenlogo)
Vorgehen
Ich verantwortete die Planung, Durchführung und Auswertung des Usability Testings sowie die Entwicklung des nachgelagerten UX- und UI-Designs inklusive Accessibility-Anpassungen.
Phase 1 – Usability Testing
Konzeption und Planung des Testaufbaus
Rekrutierung und Briefing von Lehrkräften als Testpersonen
Durchführung und Moderation der Tests (bestehende Plattform + Click-Dummy)
Auswertung der Ergebnisse und Ableitung von Optimierungsempfehlungen
Phase 2 – UX & UI Design
Entwicklung einer neuen Informationsarchitektur und Navigationslogik
Redesign der Such- und Filterfunktion für relevante, präzise Ergebnisse
Konzeption kontextbezogener Querverlinkungen zwischen Materialien
Gestaltung eines persönlichen Nutzerbereichs zur individuellen Strukturierung gespeicherter Inhalte
Aufbau eines klaren, modularen UI-Systems mit konsistenter visueller Hierarchie
Integration der Abo-Funktionalität in einen transparenten und verständlichen Zahlungsprozess
Phase 3 – Accessibility Implementation
Prüfung und Anpassung der Plattform nach EU Accessibility Guidelines (EN 301 549)
Optimierung von Farbkontrasten, Fokuszuständen, Tastaturnavigation und Screenreader-Kompatibilität
Erstellung von Accessibility-Guidelines für Design und Entwicklung
Enge Abstimmung mit Entwickler:innen zur Sicherstellung barrierefreier Umsetzung
Startseite mit Produktkategorien und beliebten Kategorien als Schnelleinstieg (*Anonymisiertes Kundenlogo)
Ergebnisse & Optimierungsempfehlungen
Das Ergebnis ist ein modernes, visuell fokussiertes E-Commerce-Design, das die komplexen Produktinformationen des Kunden klar, zugänglich und inspirierend aufbereitet.
Zentrale Verbesserungen:
Visuelle Orientierung: Nutzer:innen finden Produkte über Bilder, Referenzen und Anwendungskontexte
Verbesserte Suche: Auto-Complete, Direkt-Treffer und Kategorievorschläge verkürzen den Suchprozess erheblich
Vergleichbarkeit: Klare Tabellenübersichten erleichtern die Produktbewertung und Entscheidungsfindung
Optimierter Produktzugang: Einstieg über Kategorien unterstützt das natürliche Suchverhalten der Zielgruppe
Team-Workflows: Klare Informationsdarstellung ermöglicht einfaches Teilen und gemeinsames Bewerten
