Für ein führendes Unternehmen mit umfassendem Sortiment in den Bereichen Briefumschläge, Schreibwaren, Verpackungen und Hygieneprodukte haben wir im Rahmen eines Whitelabel-Projekts den Onlineshop strategisch neu gestaltet. Ziel war ein modernes, nutzerzentriertes Einkaufserlebnis für B2B-Kundschaft – mit klarer Struktur, durchgängigem Designsystem und optimierter Usability über alle Produktbereiche hinweg.
Die besondere Herausforderung lag in der Abbildung einer sehr breiten Produktpalette mit zahlreichen, teils stark unterschiedlichen Kategorien – von Briefumschlägen und Schreibwaren über Verpackungslösungen bis hin zu Hygieneartikeln. Zusätzlich erforderte die Vielzahl an Konfigurationsmöglichkeiten pro Produkt (z. B. Formate, Farben, Materialien, Veredelungen) eine durchdachte UX-Struktur und flexible UI-Komponenten, um eine intuitive und effiziente Produktauswahl für die Nutzer sicherzustellen.
Die Sitemap zeigt die neu entwickelte Struktur des umfangreichen Produktsortiments. Sie bildet die Grundlage für eine intuitive und effiziente Navigation – mit klar gegliederten Haupt- und Unterkategorien, die eine einfache Orientierung im vielseitigen Angebot ermöglichen.
Dank der einfachen Drag-and-Drop-Uploadfunktion können Nutzer eigene Vorlagen, Logos oder Druckdaten direkt im Produktkonfigurator hochladen. So wird die Individualisierung von Verpackungen, Papierwaren oder Werbemitteln zum nahtlosen Teil des Bestellprozesses – ohne technische Hürden oder Umwege.
Das neue Kundenkonto ermöglicht Geschäftskunden eine zentrale Verwaltung von Liefer- und Rechnungsadressen sowie die Organisation firmeneigener Bestellungen. Über individuelle Zugriffsrechte lassen sich Teammitglieder zum Firmenkonto hinzufügen – für effiziente, rollenbasierte Prozesse und volle Transparenz bei wiederkehrenden Bestellungen.
Der optimierte Checkout-Prozess ermöglicht die präzise Versandaufteilung direkt im Warenkorb: Einzelne Produkte oder individuelle Stückzahlen können an unterschiedliche Lieferadressen versendet werden – ideal für Unternehmen mit mehreren Standorten oder Projektbedarfen. Durch klare UI-Elemente, reduzierte Komplexität und gezielte UX-Optimierung wurde der Prozess deutlich verschlankt – für höhere Conversion und weniger Abbrüche im letzten Schritt des Einkaufs.
Basierend auf einem konsistenten Token-basierten Designsystem wurde eine visuelle Grundlage geschaffen, die wartbar, erweiterbar und zukunftssicher ist. Farben, Typografie, Abstände und Komponenten sind systematisch definiert – für maximale Konsistenz im Frontend, effiziente Weiterentwicklung und einfache Integration neuer Features oder Markenbestandteile.
Dieses Projekt entstand im Rahmen einer White-Label-Partnerschaft. Der Name des Auftraggebers darf aus vertraglichen Gründen nicht genannt werden.
Die hier gezeigten UX/UI-Designs wurden aus Gründen der Vertraulichkeit angepasst und anonymisiert.
