Zum Inhalt springen

Ersatzteile finden, ohne die Teilenummer zu kennen

Konzept für einen B2B-Ersatzteilshop mit 3D-Explosionsansicht und Direktbestellung

Projekt bei OSF Digital, 2023
Interaktive 3D-Innenansicht einer Maschine neben einer Ersatzteilliste mit Preisen, Verfügbarkeit und Warenkorb-Optionen.

Kurzbeschreibung

Proof of Concept für einen B2B-Shop, der das Ersatzteilgeschäft in den Mittelpunkt stellt. Eine 3D-Ansicht des Geräts ist direkt mit der Teileliste verknüpft, jedes Teil lässt sich mit Artikelnummer, Verfügbarkeit und Menge sofort bestellen. Dargestellt am Beispiel einer fiktiven Kaffeemaschinenmarke.
Produkttabelle mit Spalten für Name, SKU, Verfügbarkeit, Menge und Preis sowie Warenkorb-Symbolen.

Ausgangslage

In vielen B2B-Shops steht das Hauptprodukt im Vordergrund, Ersatzteile laufen nebenher. Wer ein defektes Teil ersetzen will, schlägt in einer separaten Explosionszeichnung nach, sucht die Artikelnummer heraus und wechselt erst dann in den Shop. Das macht das Ersatzteilgeschäft umständlicher, als es sein müsste.
Interaktive 3D-Innenansicht einer Maschine neben einer Ersatzteilliste mit Preisen, Verfügbarkeit und Warenkorb-Optionen.

Idee

Zeichnung, Teileliste und Bestellung an einem Ort, direkt auf der Produktseite des Geräts.

Lösung

3D-Innenansicht mit Explosionsregler:
Das Gerät lässt sich stufenlos in seine Bauteile zerlegen.
Verknüpfung in beide Richtungen:
Ein Klick auf ein Bauteil markiert die passende Zeile in der Liste. Über "Isolieren" wird ein einzelnes Teil freigestellt, alles andere tritt zurück.
Teileliste als Baumstruktur:
Baugruppen lassen sich bis zum Einzelteil aufklappen, etwa vom Wassertank bis zur einzelnen Dichtung.
Bestellung direkt in der Zeile:
Artikelnummer, Verfügbarkeit, Menge und Preis stehen nebeneinander, der Warenkorb ist einen Klick entfernt. Mindestmengen werden sofort am Eingabefeld geprüft.
Schnellbestellung per Artikelnummer:
Sowohl in der Hauptsuche des Shops als auch innerhalb der Teileliste.
Kundenspezifische Preise:
Auf der Produktseite stehen der individuelle Kundenpreis und der Listenpreis nebeneinander.

Rahmen

Relevant für
Hersteller mit Ersatzteilgeschäft, B2B-Onlineshops mit umfangreichen Produktkatalogen und Unternehmen, die ihre Bestellprozesse für Servicetechniker und Einkäufer vereinfachen wollen.
UX-Konzept, Informationsarchitektur, UI-Design und Prototyp. Umgesetzt von Bianca Gehlen als angestellte UX/UI Designerin bei OSF Digital, 2023, als Vorführung in einem Neukunden-Pitch.

UX/UI Design für komplexe B2B-Shops

Die BG Design GmbH in Eupen und Aachen gestaltet Onlineshops und Plattformen für den Mittelstand in NRW, Ostbelgien und der Euregio. Geführt von Bianca Gehlen, Senior UX/UI Designerin mit Erfahrung in B2B-Commerce auf Salesforce.
BG Design – Dein Partner für UI/UX, B2B Webdesign und Kampagnen-Assets. Wir entlasten In-House-Marketingteams in der Euregio (Aachen, NRW, Belgien) mit hochkonvertierenden Landingpages, UI/UX-Interfaces und hochwertigen Vertriebsmedien. Schnelle Ergebnisse, 100 % CI-konform und verlässlich.
© 2026 BG-Design