B2B E-Commerce & UX Design

Warum „funktional“ nicht reicht. B2B-Nutzer sind keine andere Spezies – sie kennen gute Bedienbarkeit aus dem Alltag und erwarten sie inzwischen auch bei der Arbeit.

26. März 2026

Das Interface funktioniert, die Leute benutzen es trotzdem nicht

Wenn Kund:innen nach dem Go-live bei Ihnen als Shopbetreiber anrufen und fragen, wo sie die Bestellhistorie finden, dann liegt das nicht an den Kund:innen. Das ist ein Designproblem.

Technisch kann alles stimmen: Die Datenbank läuft, die API antwortet, der Checkout funktioniert und trotzdem kommt das System nie wirklich im Arbeitsalltag an. Die Leute klicken sich durch, fragen Kolleg:innen, bauen Workarounds, rufen am Ende doch wieder den Support an  – alles, nur um sich zurechtzufinden.

Das ist B2B-Realität und genau da setzt User Experience Design (kurz: UX Design) an.

»Wir reden viel über Reichweite, Sichtbarkeit und Marketing. Aber wer Nutzer auf eine Plattform/Onlineshop holt, die sich zäh anfühlt, hat sie schon halb verloren – bevor sie überhaupt zur Kasse gegangen sind. Dabei steckt in den meisten Shops mehr Potenzial, als man denkt – und die ehrlichsten Hinweise darauf kommen nicht nur von Analysetools, sondern von den Kunden selbst. Die Art, wie sie navigieren, wo sie abbrechen, was sie im Support fragen – das ist direktes Feedback. Erster Schritt: genauer hinschauen, genauer hinsehen und Feedback annhemen.«
Josephine Dehnhardt
UX Designerin, digital.manufaktur GmbH

Früher musste man erklären, was UX ist

Vor ein paar Jahren noch musste man in Meetings erklären, was UX ist, warum UX wichtig ist und wieso UX unausweichlich ist. UX Design ist mehr als die Farbe eines Buttons oder die Funktion eines Sliders. 

Heute ist die Bedeutung von UX Design den meisten Unternehmen bekannt. Wie ein Onlineshop oder eine Plattform sich anfühlt, entscheidet direkt darüber:

  • ob jemand kauft

  • ob die Zielgruppe erweitert wird

  • ob jemand wiederkommt

  • ob jemand den Einkauf unmittelbar vor der Bezahlung abbricht

Unternehmen haben diesen ausschlaggebenden Punkt für eine gute Conversion Rate mittlerweile verstanden. Aber warum?

Was sich gedreht hat: B2B-Nutzer:innen kommen abends nach Hause, scrollen durch ihr Handy, shoppen auf Amazon – und fragen sich am nächsten Morgen im Büro zu Recht, warum ihr Einkaufssystem aussieht wie Windows 2003. Die Messlatte liegt inzwischen anders. Das spüren Unternehmen direkt in der neuer Tools und in der Support-Inbox. Wie weit das Rauschen im Shop reduziert werden sollte, hängt von der Zielgruppe ab.

Viele gewachsene B2B-Systeme tragen die Spuren ihrer Geschichte: Hier ein Modul dazu “gebastelt”, dort ein Sonderfall abgebildet, irgendwo ein Workaround in die Navigation eingebaut. Irgendwann beherrschst du das System – aber nicht ohne Schulung, nicht ohne Geduld, und schon gar nicht auf dem Handy. Nicht auszudenken: Was passiert, wenn die dafür geschulte Person im Urlaub ist und man eine “kleine” Änderung vornehmen möchte?

Funktional ist nicht genug

Das liebste Argument in Gesprächen, in denen UX als Luxus abgetan wird: Ein System, das technisch einwandfrei läuft, kann trotzdem täglich Stunden vernichten.

Zu viele Klicks, um eine einfache Nachbestellung aufzugeben. Eine Suchleiste, die nicht ausgeklügelt ist und nicht mal eindeutige Schlagworte hier etwas retten können. Keine Filterfunktion, die wirklich taugt. Eine mobile Ansicht, die „irgendwie geht“, die aber niemand freiwillig nutzt. Fehlermeldungen, die beschreiben, was schiefgelaufen ist – aber nicht, was jetzt zu tun ist.

Das summiert sich: Mehr Schulungsaufwand, mehr Supporttickets, mehr Fehler, weniger Durchsatz. Und in Märkten, in denen Preise und Produkte immer vergleichbarer werden, entscheidet das Nutzungserlebnis mit darüber, ob jemand bleibt oder geht.

Im B2B kauft selten nur eine Person

Kaufentscheidungen sind keine Einzelentscheidungen

Beim B2C kauft eine Person. Emotional, schnell, oft impulsiv. Im B2B sind es vier Personen, zwei Abteilungen, ein Freigabe-Workflow – und die Entscheidung dauert drei Wochen. Das Interface muss das abbilden: Wer kauft? Wer genehmigt? Wer sieht welchen Preis? Wer darf was ändern? Hat die Mitarbeiterin Frau Meyer schon den Warenkorb für die Großbestellung nächsten Donnerstag freigegeben?

Mehr zu diesem Thema: Die digitale B2B Customer Journey verstehen

Rollenverwaltung und differenzierte Berechtigungen sind deshalb kein IT-Feature, sondern ein UX-Feature. Wenn eine Einkäuferin einen Warenkorb zusammenstellt und anschließend den Einkauf abbricht, weil sie die Funktion “Bestellliste überarbeiten” nicht sofort findet, ist das ein Design-Problem. 

Preise, Sortimente, Compliance

B2B-Pricing ist selten einfach. Mengenrabatte, Sonderkonditionen, individuelle Preislisten, Staffelpreise – all das muss ins Interface passen, ohne dass es sich anfühlt wie eine Excel-Maske aus den Nullerjahren. Und wer in regulierten Branchen unterwegs ist, kennt noch eine zusätzliche Schicht: Compliance-Anforderungen, die Prozesse an bestimmten Stellen verlangsamen müssen. Gute UX macht das so unauffällig wie möglich.

Self-Service ist keine Option mehr

Mehr als 67 Prozent der B2B-Käufer:innen wollen Bestellungen aufgeben, Rechnungen abrufen, Retouren einleiten – ohne vorher jemanden anrufen zu müssen. Das ist keine Bequemlichkeit, das ist eine Erwartung. Portale, die Self-Service konsequent umsetzen, reduzieren nicht nur die Arbeitslast im Vertrieb – sie werden auch mehr genutzt.

Mehr dazu: B2B-Self-Service-Portal: Digitaler Vorsprung im Mittelstand

"Unsere Kunden bestellen nicht mobil." Doch, sie tun es

Service-Techniker stehen mit Tablet vor der Maschine. Lageristen scannen Bestände mit dem Handy. Einkäufer:innen prüfen Angebote im Zug. Mobile ist längst B2B-Alltag – aber viele Plattformen tun noch so, als wäre Desktop best practice. Den Onlineshop in eine App zu gießen ist mittlerweile nicht mehr unmöglich. 

Mobile-First bedeutet dabei nicht, einfach alles kleiner zu machen. Es bedeutet zu entscheiden: Was braucht jemand in dieser Situation wirklich? Das zwingt zu Klarheit: klare Hierarchie, erreichbare Buttons, schnelle Ladezeiten. Wer das für Desktop macht, hat nachher oft das bessere Interface – auf allen Geräten.

Tipp aus der Praxis

Testen Sie Ihre Plattform auf echten Geräten, im echten WLAN (oder mit mobilen Daten) einer Lagerhalle.

KI im B2B-Shop: Weniger Hype, mehr Nutzen

Das Thema wird gerade inflationär verwendet. Deshalb ein nüchterner Blick auf das, was wirklich funktioniert.

KI-gestützte Personalisierung bedeutet im B2B vor allem: Das System kennt seine Nutzer:innen. Einkäuferin A bestellt regelmäßig dieselben Verbrauchsartikel – das System schlägt sie beim nächsten Login direkt vor. Techniker B braucht immer Datenblätter und Lagerstatus – er sieht sie, ohne erst drei Klicks zu navigieren. Das klingt unspektakulär. Aber es spart täglich echte Minuten, und echte Minuten summieren sich.

Was sonst noch geht

  • Semantische Suche, die auch ungenaue Anfragen versteht

  • Automatische Nachbestellungs-Vorschläge auf Basis der Kaufhistorie

  • Hinweise auf Lieferengpässe, bevor sie zum Problem werden

  • KI-Assistenten für Support-Entlastung bei Standardanfragen

Wichtig

Chatbots müssen ehrlich sein. Nichts nervt schneller als ein Bot, der so tut, als wäre er ein Mensch – und dann an einfachen Rückfragen scheitert.

Das BFSG ist seit Juni 2025 in Kraft und betrifft mehr als man denkt

Das Barrierefreiheitsstärkungsgesetz verpflichtet Unternehmen, digitale Produkte und Dienstleistungen barrierefrei zu gestalten. Primär richtet es sich an B2C-Plattformen – denkt man, denn: Wer jetzt sagt „Ich bin B2B, das geht mich nichts an“, sollte zweimal hinschauen.

Erstens: Wer Plattformen oder Komponenten für B2C-Unternehmen entwickelt oder betreibt, ist mittelbar betroffen. Zweitens, und das ist der eigentlich wichtige Punkt: Barrierefreiheit ist vor allem eine gute UX. 

Ausreichende Kontraste helfen nicht nur Menschen mit Sehschwäche – sie helfen jedem, der auf einem schlechten Bildschirm in der Sonne arbeitet. Tastaturnavigation ist nicht nur für motorische Einschränkungen nützlich – sie ist für jeden schneller, der viel tippt, sich (klopf auf Holz) den Arm bricht oder gerade nicht die Hände frei hat.

Was WCAG 2.1 AA konkret bedeutet

  • Farbkontraste von mindestens 4,5:1 für normalen Text

  • Ein Overlay-Tool hilft NICHT dabei, einen Shop angemessen barrierefrei zu bekommen. Diese Tools sorgen nicht für eine absolute Barrierefreiheit, da sie nur oberflächlich funktionieren und NIEMALS in die Tiefe eines Systems oder eines Elementes (wie z.B. ein Slider) im Shop. Zumal man durch Toggeln einer Option für Kontrast manchmal mehr Schaden anrichtet als gedacht. 

  • Alle Funktionen müssen per Tastatur erreichbar sein → und hier bitte einmal den Selbsttest machen und dem eigenen Online-Shop auf den Zahn fühlen: Wie angenehm ist aktuell die Navigation im eigenen Onlineshop über die Tastatur? Shop aufrufen → TAB Taste drücken für vorwärts → TAB + Shift für zurück

  • Fehlermeldungen müssen klar erklären, was zu tun ist. Keine Bandwurmsätze, keine komplizierten oder irreführenden Umschreibungen.

  • Bilder brauchen Alt-Texte, die den Inhalt tatsächlich beschreiben → Alternativtexte sind auch im Zeitalter von Large Language Models (LLMs) wie ChatGPT, Gemini oder Claude extrem wichtig, und ihre Bedeutung verschiebt sich von reinem SEO hin zu KI-Sichtbarkeit und Kontextverständnis. Die Schrift muss sich auf 200 % skalieren lassen – ohne dass etwas kaputtgeht.

Wie nutzbar ist Ihr Onlineshop wirklich?

Ein UX-Audit zeigt konkret, wo Nutzer abspringen, zögern oder scheitern – bevor es die Zahlen tun.

Zum Kontaktfomular

Performance ist UX

Schnelle Plattformen konvertieren besser. Das klingt banal – ist es aber nicht, wenn man die sieht:

35-45 %

bessere Conversion durch weniger Formularfelder

3x

mehr Abschlüsse bei 2,4s statt 5,7s Ladezeit

Im B2B-Kontext bedeutet Ladezeit noch etwas anderes als im B2C: Wer auf einen Katalog mit 50.000 Artikeln wartet, verliert nicht nur Geduld – diese Person bestellt irgendwann woanders. Im B2B passiert das nur leiser als im B2C.

Core Web Vitals sind seit 2025 noch enger mit dem Google-Ranking verknüpft. Aber das ist ehrlich gesagt das kleinere Argument. Das Größere und ein Reality-Check: Niemand benutzt gerne eine langsame Plattform. Auch nicht im B2B. Ernsthaft.

Technisch helfen hier:

Lazy Loading, CDN-Integration, serverseitiges Rendering bei datenintensiven Portalen. Ziel: Largest Contentful Paint unter 2,5 Sekunden.

Gute UX spart Geld

Mitarbeitende erledigen Aufgaben schneller. Neue Kolleg:innen brauchen weniger Einarbeitung. Der Support bekommt weniger Anrufe. Urlaubs-Vertretungen finden sich zurecht. Fehler werden seltener gemacht – und wenn doch, schneller behoben. Kaufprozesse laufen durch statt ab.

Das klingt unspektakulär. In der Summe ist es aber erheblich. Und wer einen konkreten ROI berechnen will: Mit der Supportticket-Analyse anfangen. Die Zahlen sprechen meistens für sich, Kunden geben ihr Feedback ungefiltert. Dieses “kostenlose” Feedback ist absolut goldwert, warum also darauf schlafen und es nicht nutzen?!

Es braucht Lösungen: Drei Hebel, die wirklich etwas bewegen

Wenn man auf ein B2B-Projekt schaut und fragt: Wo zuerst? – Dann läuft es fast immer auf drei Dinge hinaus.

  1. Nutzer:innen wirklich verstehen – Interviews führen, Tests durchführen, Nutzungsdaten auswerten. Verschiedene Rollen haben verschiedene Ziele: Die Einkäuferin will schnell bestellen, die IT-Verantwortliche will Integrationsmöglichkeiten, der Geschäftsführer will den Überblick. Versteht die Zielgruppe des eigenen Shops z.B. einen Kategorie-Slider oder ist ein Raster von Kategorie-Kacheln besser? Wer das nicht stetig auswertet und bewertet, priorisiert falsch.

  2. Prozesse vereinfachen, bevor man sie digitalisiert – Automatisierung, Vorbefüllungen, Progressive Disclosure: zeig nur, was gerade relevant ist. Kein Interface überwältigt Nutzer:innen mehr als eines, das alles gleichzeitig zeigt. Personen, die täglich mit dem Shop arbeiten, also bewusst durch die Prozesse führen, um Überreizung und Irritationen zu vermeiden

  3. Design systematisch denken – ein gepflegtes Design-System spart langfristig massiv Zeit. Nicht nur beim Erstaufbau, sondern bei jeder Erweiterung, jedem Update. UX endet nicht beim Interface – sondern an der letzten Rechnung im Kundenportal. Sollten Updates oder Ergänzungen von Funktionen und Elementen im Shop erfolgen, werden diese anhand eines Design-Systems schneller visualisiert und umgesetzt.


Was häufig dazwischen kommt – und was dann hilft

Die Hindernisse sind meistens dieselben. Kein Vorwurf, aber es lohnt sich, sie beim Namen zu nennen – hier heißt es ehrlich sein:

Legacy-System

“Das war schon immer so.”, “Das ist so historisch gewachsen.”

Typisches Problem: Starre IT-Architektur

Was es kostet: Hohe Anpassungskosten, langsame Weiterentwicklung, Geduld beim Nutzer

Was hilft: Auswertung von Feedback der täglichen Nutzer, Modulare Modernisierung, schrittweises UX-Refactoring

Stakeholder-Widerstände

"Das alte System funktioniert doch", “Das Update haben wir rausgeschoben, aktuell ist viel los.”

Typisches Problem: Keine Zeit, “Aufschieberitis”

Was es kostet: Verzögerungen, verschenkte Optimierungspotenziale

Was hilft: Prototypen zeigen statt erklären, Pilotprojekte starten

Budget-Mythen

“Unsere Zielgruppe versteht die Variantenauswahl bei Produkt XY nicht. Das Produkt wird nicht gekauft.”

Typisches Problem: UX gilt als Kostenfaktor

Was es kostet: Einsparungen an der falschen Stelle

Was hilft: ROI konkret berechnen, Business Case aufbauen

Komplexe Prozesse

“Ich muss erst die zuständige Person fragen, wie das funktioniert - oh aktuell im Urlaub … dann muss ich wohl 2 Wochen mit der Bestellung warten.”

Typisches Problem: Viele Sonderfälle, viele Ausnahmen

Was es kostet: Hoher Schulungsaufwand, häufige FehlerWas hilft: Prozesse zuerst vereinfachen, dann digitalisieren

Silo-Denken

“Ich habe keine Ahnung, was der Stand ist bei der Bestellung, mit dem Lager habe ich keine Berührungspunkte.”

Typisches Problem: Jede Abteilung baut für sich

Was es kostet: Medienbrüche, inkonsistente Nutzungserfahrung

Was hilft: Interdisziplinäre Workshops, gemeinsame Design-Prinzipien

Fehlende UX-Kompetenz

“Die Funktion ist dasselbe, allerdings sieht sie an jeder Stelle im Shop anders aus.”

Typisches Problem: UX wird nebenher erledigt

Was es kostet: Inkonsistente Qualität, höhere Nachbesserungskosten

Was hilft: UX-Guidelines, gezielte Schulungen, externe Expertise

Compliance & Barrierefreiheit

“Unsere Zielgruppe braucht keine Barrierefreiheit.”

Typisches Problem: BFSG und WCAG werden ignoriert

Was es kostet: Rechtliche Risiken, Ausschluss von Nutzergruppen

Was hilft: Accessibility-Audit frühzeitig einplanen

Keine optimierten Inhalte

“Auf dem Banner steht ein Text, ich kann den aber nicht lesen, da das Bild nicht richtig lädt.” oder “Die Produktbilder werden nicht geladen.”

Typisches Problem: Ladezeiten bei Inhalten

Was es kostet: Nutzer brechen den Einkauf oder Besuch ab, da Inhalte zu lange Ladezeiten haben

Was hilft: Potentialanalyse & Handlungsempfehlungen, Bildoptimierung

Funktionieren reicht nicht mehr

Kunden, Partner, Mitarbeitende – alle haben sich daran gewöhnt, dass digitale Produkte bedienbar sind. 

Nicht irgendwie. Wirklich bedienbar. 

Wer das im B2B ignoriert, hat nicht nur ein Design-Problem. Er hat ein Wettbewerbs-Problem.

Und die gute Nachricht: UX ist keine Raketenwissenschaft. Es geht nicht darum, das perfekte Interface zu bauen. Es geht darum, zuzuhören, zu testen, zu verbessern – immer wieder. Wer das konsequent tut, merkt schnell, wie viel Potenzial in bestehenden Plattformen steckt, das noch nicht gehoben ist.

Wie nutzbar ist Ihre Plattform wirklich?

UX-Audit, Redesign oder Neuentwicklung – wir schauen uns an, was wirklich klemmt. Nutzen Sie ein kostenloses Erstgespräch.

2026 geht das weit über Oberflächen-Gestaltung hinaus. KI-Personalisierung, Barrierefreiheit nach BFSG, Self-Service-Portale und schnelle Plattformen – das sind die Felder, auf denen B2B-Unternehmen heute echte Vorteile erzielen können.

Wer jetzt anfängt, ist später dran als früh – aber immer noch früh genug.

FAQ - häufig gestellte Fragen

UX steht für User Experience – also die Erfahrung, die Nutzer beim Umgang mit einer Plattform oder einem System machen. Im B2B entscheidet UX darüber, ob Mitarbeitende und Kunden ein System gerne und effizient nutzen oder es so selten wie möglich anfassen. Schlechte UX kostet direkt: mehr Supportanfragen, längere Einarbeitung, mehr Fehler, weniger Abschlüsse.

Nein. Ein System kann technisch korrekt arbeiten und trotzdem täglich Stunden vernichten – durch zu viele Klicks, unklare Navigation oder eine mobile Ansicht, die niemand freiwillig nutzt. Funktionieren und gut bedienbar sein sind zwei verschiedene Dinge.

Ja, grundlegend. Im B2C kauft eine Person, oft spontan. Im B2B sind mehrere Rollen beteiligt: Einkauf, Fachabteilung, Management, IT – mit unterschiedlichen Zielen und Berechtigungen. Eine B2B-Plattform muss das abbilden: Freigabe-Workflows, rollenbasierte Ansichten, individuelle Preisstrukturen. Wer B2B mit B2C-Denkweise gestaltet, baut an der Realität vorbei.

Wichtiger als viele denken. Service-Techniker, Außendienst, Lageristen – sie alle arbeiten mobil. Wer seine Plattform primär für Desktop baut, schließt einen wachsenden Teil der tatsächlichen Nutzung aus. Mobile-First bedeutet dabei nicht weniger Funktionen, sondern klarere Prioritäten.

KI kann UX messbar verbessern – durch Personalisierung. Ein System, das die Rolle und das Kaufverhalten eines Nutzers kennt, zeigt relevante Inhalte direkt an, ohne dass jemand suchen muss. Das spart Zeit, reduziert Fehler und erhöht die Nutzungsfrequenz. Voraussetzung: Die KI muss transparent arbeiten und nachvollziehbare Ergebnisse liefern.

Das BFSG ist seit Juni 2025 in Kraft und verpflichtet Unternehmen, digitale Produkte barrierefrei zu gestalten. Es richtet sich primär an B2C-Plattformen, betrifft B2B-Unternehmen aber indirekt – etwa wenn sie Komponenten oder Plattformen für B2C-Anbieter entwickeln. Unabhängig davon gilt: Barrierefreiheit ist gutes UX und kommt allen Nutzern zugute.

Core Web Vitals sind Messwerte von Google, die die Ladegeschwindigkeit, Interaktivität und visuelle Stabilität einer Seite erfassen. Sie beeinflussen das Suchranking – wichtiger noch: Sie messen, wie sich eine Plattform im echten Einsatz anfühlt. Gerade datenintensive B2B-Systeme wie Produktkataloge oder Dashboards fallen hier häufig durch, obwohl genau dort schnelle Ladezeiten besonders zählen.

Ja, messbar. Eine Seite, die in 2,4 statt 5,7 Sekunden lädt, erzielt dreifach mehr Abschlüsse. Dazu kommen indirekte Einsparungen: weniger Support, schnellere Einarbeitung, niedrigere Fehlerquoten.

Mit drei Schritten: Erst verstehen, wer die Nutzer wirklich sind und was sie brauchen – durch Interviews, Tests und Datenanalyse. Dann Prozesse vereinfachen, bevor man sie digitalisiert. Und schließlich Design systematisch denken: Ein konsistentes Designsystem spart langfristig Zeit und sorgt für eine einheitliche Nutzungserfahrung über alle Touchpoints hinweg.

Ein UX-Audit ist eine strukturierte Analyse einer bestehenden Plattform: Wo springen Nutzer ab? Wo entstehen Fehler? Wo ist die Navigation unklar? Ein UX-Audit macht immer dann Sinn, wenn eine Plattform technisch läuft, aber die Nutzungszahlen oder die Kundenzufriedenheit hinter den Erwartungen zurückbleiben – und man wissen will, woran es konkret liegt.