Wie wir für BEWITAL Petfood mit Shopware 6 und einer nativen B2B-App den Bestellprozess im Lager digitalisierten
Der B2B-Bestellprozess unseres Kunden BEWITAL Petfood war durch manuelle Abläufe und fehlende mobile Lösungen für Lagerumgebungen ineffizient und fehleranfällig. Durch unsere Entwicklung einer nativen B2B-App (iOS & Android) auf Basis von Shopware 6, Capacitor.js und unserer hubble PWA können Geschäftskunden nun via EAN-Scanner und Offline-Modus blitzschnell direkt am Regal nachbestellen.
Projektübersicht
- Kunde: BEWITAL Petfood
- Branche: B2B E-Commerce / Heim- & Nutztiere (Tiernahrung)
- Plattform: Shopware 6 (Backend) & hubble PWA / Capacitor.js (Frontend-App)
- Herausforderung: Umständliche, manuelle B2B-Bestellprozesse; fehlende Internetverbindung in Lagerhallen
- Lösung: Unsere native Headless-App (iOS/Android), EAN-Scanner-Integration, Offline-Funktionalität
- Ergebnis: Drastisch beschleunigter Bestellvorgang, fehlerfreie Nachbestellungen, optimierte Einkaufs-Workflows
Ausgangssituation und Problem
Als renommiertes mittelständisches Familienunternehmen hat sich BEWITAL Petfood seit 1963 als Spezialist für hochwertige Nass- und Trockennahrung für Heim- und Nutztiere etabliert. Der Verkauf an B2B-Geschäftskunden (wie Fachhändler) erfolgte jedoch häufig über wenig optimierte, manuelle Systeme.
Typische Probleme in dieser Ausgangslage, mit denen BEWITAL an uns herantrat:
-
Ein hoher administrativer Aufwand bei der telefonischen oder schriftlichen Bestellannahme.
-
B2B-Kunden mussten sich Artikelnummern im Lager notieren und diese später umständlich am PC (Desktop) im Onlineshop abtippen.
-
Die Bestellabwicklung direkt im Lager scheiterte oft an einer unzureichenden oder gänzlich fehlenden WLAN/Mobilfunk-Verbindung (Funklöcher).
Zielsetzung des Projekts
Um die digitale Strategie von BEWITAL voranzutreiben, sollten wir eine mobile Anwendung entwickeln, die den Bestellprozess für B2B-Kund:innen radikal vereinfacht, beschleunigt und flexibilisiert. Unsere konkreten Meilensteine waren:
-
Schaffung einer nahtlosen Integration in das bereits bestehende Shopware 6 System.
-
Möglichkeit für Kunden, direkt am Regal bzw. im Lager Bestellungen auszulösen.
-
Vollständige Funktionstüchtigkeit der App auch ohne aktive Internetverbindung.
-
Abbildung komplexer B2B-Genehmigungsprozesse für Einkaufsabteilungen.
Lösung und Architektur
Um die Anforderungen an eine native mobile App (iOS und Android) mit der Leistungsfähigkeit des E-Commerce-Systems zu verbinden, setzten wir bei digital.manufaktur voll auf modernste Headless Commerce Technologie.
Das Fundament bildet die Shopware 6 API. Anstatt jedoch eine klassische mobile Website zu bauen, haben wir unsere hauseigene hubble PWA (Progressive Web App) als Frontend genutzt und mittels Capacitor.js in eine echte native App umgewandelt ("gewrappt"). Diese Architektur sorgt dafür, dass die App direkt und pfeilschnell über die API mit Shopware 6 kommuniziert, während sie gleichzeitig auf native Hardware-Funktionen der Smartphones (wie die Kamera für den Barcode-Scanner) zugreifen kann.
Umsetzung
-
EAN-Scanner: Wir haben die App so programmiert, dass sie nativ auf die Smartphone-Kamera des Nutzers zugreift. B2B-Kunden können Produkte im Lager blitzschnell scannen; der Artikel landet inklusive der korrekten B2B-Konditionen direkt im Warenkorb.
-
Offline-Funktionalität: Über unser intelligentes Daten-Caching können Nutzer den Produktkatalog auch völlig ohne Internet durchsuchen und Bestellungen aufgeben. Sobald das Gerät wieder Netz hat, synchronisiert unsere App die Daten automatisch mit Shopware 6.
-
Digitaler Genehmigungsprozess: Wir haben spezifische Workflows integriert, sodass Mitarbeiter Bestellungen anlegen, diese aber erst durch berechtigte Einkäufer digital freigegeben werden müssen.
-
Release für iOS & Android: Wir haben die App erfolgreich in die App Stores von Apple und Google ausgerollt.
Ergebnisse und KPIs
Unsere B2B-Bestell-App ist bereits erfolgreich bei den Fachkunden von BEWITAL im Einsatz und macht den Bestellvorgang nachweislich effizienter.
-
Minimierte Fehlerquote: Durch unseren EAN-Scanner entfallen lästige Tippfehler bei Artikelnummern komplett.
-
Ortsunabhängiger Einkauf: Der Offline-Modus löst das zentrale Problem schlechter Internetverbindungen in Lagerhallen.
-
Reduzierter administrativer Aufwand: Die von uns automatisierten Bestell- und Freigabeprozesse entlasten den Vertriebsinnendienst von BEWITAL spürbar.
-
Nahtlose Symbiose: App und Webshop greifen synchron auf dieselbe Shopware-6-Datenbank zu, sodass Lagerbestände und Preise stets konsistent bleiben.
Learnings und Best Practices
-
B2B-Commerce findet nicht nur am Schreibtisch statt: Der wahre Schmerz von Geschäftskunden liegt oft im Lager oder auf der Baustelle. Wir schaffen hier mit nativen Apps und Hardware-Integration (Kamera-Scanner) einen echten Mehrwert gegenüber klassischen Onlineshops.
-
Offline-First ist im B2B entscheidend: Eine App, die im Lager ohne WLAN nicht funktioniert, wird sofort gelöscht. Aus unserer Erfahrung ist lokales Caching von Produktdaten und Warenkörben (Offline-Fähigkeit) ein absolutes Muss für B2B-Anwendungen.
-
Headless spart App-Entwicklungskosten: Durch unseren Einsatz von Capacitor.js und unserer PWA (hubble) mussten wir nicht für iOS und Android getrennt programmieren. Eine einzige Code-Basis bedient beide App-Stores und kommuniziert nahtlos mit der Shopware-API.
FAQ: B2B-Apps & Shopware Headless Commerce
Ein responsive Onlineshop (im Browser) kann nicht tief auf die Hardware des Smartphones zugreifen. Unsere native App ermöglicht Features wie den EAN/Barcode-Scanner via Kamera, den Versand echter Push-Nachrichten und vor allem eine belastbare Offline-Funktionalität, die im B2B-Umfeld (Lager, Werkstatt) essenziell ist.
Unsere App lädt bei bestehender Internetverbindung wesentliche Daten (wie Produktkatalog und Preise) in den lokalen Speicher des Smartphones (Cache). Der Kunde kann im Offline-Modus Produkte scannen und in den Warenkorb legen. Sobald das Gerät wieder eine Netzverbindung (WLAN/5G) aufbaut, wird der Warenkorb automatisch via API an Shopware 6 übermittelt.
Ja. Durch den "API-first"-Ansatz (Headless Commerce) von Shopware 6 können wir jedes beliebige Frontend – also auch eine maßgeschneiderte iOS- oder Android-App – über Schnittstellen an das System andocken. Preise, Kundenkonten und Bestellungen werden so zentral und konsistent in Shopware verwaltet.
Fazit
Unser Projekt für BEWITAL Petfood belegt, wie wichtig branchenspezifische Lösungen in der digitalen Transformation des B2B-Handels sind. Durch unsere konsequente Entkopplung von Front- und Backend (Headless Commerce) und den Einsatz von Capacitor.js haben wir eine extrem leistungsstarke native Bestell-App geschaffen. Features wie der EAN-Scanner und die Offline-Funktionalität heben das B2B-Kundenerlebnis auf ein völlig neues Level und lösen exakt die Probleme, an denen klassische Webshops in Lagerumgebungen bisher immer gescheitert sind.
