Case Study HamburgWheelieKidz: WooCommerce-Shop mit JTL-Wawi und Flutter-App
Ich bin Nick Vogel, IT-Systemadministrator und Entwickler aus Buxtehude, und habe HamburgWheelieKidz gemeinsam mit zwei Freunden aufgebaut: einen Motorrad-Ersatzteile-Shop mit eigener Marke und Community, der aus einem YouTube-Kanal entstanden ist. Ich habe den Shop, die Anbindung an die Warenwirtschaft, die Automatisierung und die App umgesetzt.
Das Projekt läuft seit 2019 und ist ein Praxistest für alles, was ich Kunden anbiete: Shop, Schnittstellen, App und Betrieb in einem Gesamtsystem.
- Projekt
- HamburgWheelieKidz
- Jahr
- 2019–
- Status
- laufend
- Stack
- WooCommerce · Flutter · iOS/Android
Ausgangslage
HamburgWheelieKidz begann als gemeinsamer YouTube-Kanal rund um Motorräder. Daraus wuchs ein Shop für Ersatzteile mit eigener Marke und Community. Mit dem Sortiment wuchsen die Anforderungen.
Wer Ersatzteile kauft, will vor allem eines wissen: Passt das an mein Motorrad? Ohne klare Antwort gibt es Rückfragen oder falsche Bestellungen. Dazu kam der Betrieb: Bestellungen, Lagerbestand, Versand und Buchhaltung dürfen bei einem wachsenden Shop nicht in Handarbeit ausufern.
Schließlich sollte die Community eine eigene App bekommen, die zum Shop passt und die Bestellung auf dem Smartphone vereinfacht.
Lösung
Die Lösung besteht aus mehreren Bausteinen, die ineinandergreifen.
WooCommerce-Shop mit rund 3.000 Produkten
Das Fundament ist ein WooCommerce-Shop auf WordPress. Der Shop führt rund 3.000 Produkte, mit Varianten, Versandarten und Bezahlmöglichkeiten. Anpassungen entstehen als eigenes Plugin, wenn fertige Erweiterungen nicht passen.
Teile-Fitment-System
Für den Shop habe ich ein eigenes Fitment-System entwickelt. Motorradmodelle sind mit passenden Ersatzteilen verknüpft. Kunden wählen ihr Motorrad und finden die Teile, die dazu passen, statt nach Teilenummern zu suchen.
Das Prinzip lässt sich auf andere Teile-Shops übertragen, mehr dazu unter Onlineshop erstellen.
JTL-Wawi per JTL-Connector
Shop und Warenwirtschaft sind über den JTL-Connector mit JTL-Wawi verbunden. Bestellimport, Lagerbestand und Versand laufen automatisch zwischen Shop und Wawi, ohne dass jemand Daten doppelt pflegt.
Automatisierte Bestellabwicklung und Buchhaltung
Die Bestellabwicklung läuft automatisiert vom Shop über die Wawi bis zum Versand. Auch die Buchhaltungsprozesse sind automatisiert: Der Belegfluss läuft mit lexoffice und DATEV-Anbindung. Das spart laufende Handarbeit und hält die Zahlen sauber.
Dieses Vorgehen ist ein Beispiel für IT-Beratung und Automatisierung.
Flutter-App für iOS und Android
Die begleitende native App habe ich mit Flutter entwickelt, vom Plugin bis zum Store-Release. Sie hängt per API am WooCommerce-Shop, die Zahlung läuft über Stripe. Rund 3.000 Nutzer verwenden die App auf iOS und Android.
Mehr zu diesem Weg findest du unter App-Entwicklung.
Technik
Das Gesamtsystem setzt auf diese Technik:
- Shop
- WooCommerce · WordPress · PHP Plugin Dev
- Warenwirtschaft
- JTL-Wawi · JTL-Connector
- Buchhaltung
- lexoffice · DATEV
- App
- Flutter · iOS · Android · AppStore Publishing
- Payment
- Stripe
Ergebnisse
Das System ist seit Jahren im Betrieb und wächst mit dem Sortiment. Die Eckdaten:
- rund 3.000Produkte im Shop
- rund 3.000App-Nutzer (iOS + Android)
- Kunden finden Teile über ihr Motorrad, ohne Teilenummern zu kennen.
- Bestellabwicklung und Belegfluss laufen automatisiert, ohne doppelte Dateneingabe.
- Eine App für iOS und Android hält die Community direkt am Shop.
Was du für deinen Shop daraus mitnehmen kannst
Zuordnung gehört in die Datenstruktur
Wenn Teile zu bestimmten Geräten passen müssen, gehört diese Zuordnung in die Daten und nicht in die Produkttexte. Dann lassen sich Suche, Filter und Empfehlungen darauf aufbauen, und neue Teile bekommen ihre Zuordnung gleich beim Anlegen.
Schnittstellen vor dem Bauen klären
Zwischen Shop und Warenwirtschaft muss eindeutig sein, welches System bei welchen Daten führt: Artikel, Lagerbestand, Bestellungen. Wer das vorab festlegt, vermeidet widersprüchliche Bestände und doppelte Pflege.
Automatisieren, was sich wiederholt
Bestellimport, Bestandsabgleich und Belegfluss sind klassische Aufgaben, die Zeit fressen und Fehler erzeugen, wenn sie von Hand laufen. Ein Shop in dieser Größe lohnt die Automatisierung schnell.
Betrieb gehört zum Projekt
Ein Shop mit Schnittstellen, Warenwirtschaft und App ist nach dem Livegang nicht fertig. Updates, Backups und Überwachung gehören dazu, damit Bestellungen verlässlich ankommen. Genau deshalb betreue ich dieses System selbst und biete dasselbe für deine Seite an, mehr dazu unter WordPress-Wartung und Hosting.
Ebenso sinnvoll: den Shop mit realen Daten testen, bevor ein Sortiment dieser Größe live geht. Importe, Varianten und Bestände sollten durchgespielt sein, bevor Kunden darauf zugreifen.
Die App kommt nach dem Shop
Eine App lohnt sich, wenn Kunden regelmäßig bestellen und eine stabile Shop-Basis existiert. Die App von HamburgWheelieKidz setzt direkt auf der Shop-API auf, deshalb gibt es nur eine Quelle für Produkte und Bestellungen.
Wenn du Ähnliches vorhast, schau dir Onlineshop erstellen und App-Entwicklung an.
Verwandte Leistungen
- Onlineshop erstellen: WooCommerce- und Shopify-Shops mit JTL-Wawi-Anbindung, Payment und Versand.
- App-Entwicklung: Flutter-Apps für iOS und Android aus einer Codebasis – von Konzept und Backend bis zum Store-Release.
- WordPress-Wartung & Hosting: Updates, Backups, Monitoring, Sicherheit und DSGVO für WordPress und WooCommerce.
- Alle Projekte und Referenzen
Ein ähnliches Projekt?
Erzähl kurz, was du vorhast. Ich melde mich persönlich bei dir.