B2B-Onlineshop für Büro & Versand

Whitelabel Projekt

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.

wireframe mockup of product list page. on the left there are filters and on the right are the product cards. around the wireframe mockup there are floating cards with illus such as a delivery truck, location pin and a cardboard box
desktop and mobile wireframe screens showing the product detail page. large product image on the left and information with customize options on the right (desktop)

Vielfalt & Komplexität im Sortiment

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.

Navigationsstruktur & Kategorien

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.

sitemap of the navigation. main menu items are office supplies, packaging, catering & party, hygiene and personalize
wireframe item of the file upload section. around it are floating cards with icons of different types of files

Schneller Upload für individuelle Produkte

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.

Optimiertes Kundenkonto

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.

mobile wireframe view of the account and employee access
screens from the checkout flow with option of delivery division

UX-Upgrade im letzten Schritt

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.

Zukunftssicher mit Token-basiertem Designsystem

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.

Nächstes Projekt ansehen

Zeiterfassungssoftware

Zum Projekt
white arrow pointing to the right
wireframe screen of the dashboard from the software. there are floating cards around the wireframe showing icon graphs