Geolocation-Händlersuche
Besucher finden Händler in ihrer Nähe, inklusive Radius-Filterung.
Referenz · B2B Onlineshop / UX
Neuer B2B-E-Commerce-Shop: Effizienz, Performance und Nutzererlebnis neu gedacht
Für Äbbes Tobacco hat Webect einen modernen B2B-Onlineshop auf Basis von Shopware 6 konzipiert und umgesetzt. Ein neues UX-Konzept, eine standortbasierte Händlersuche und ein Login-Bereich für registrierte Händler ersetzen einen technisch veralteten Shop.
- Kunde
- Äbbes Tobacco
- Branche
- Handel
- Leistung
- B2B-Onlineshop & UX
- Technologie
- Shopware 6
- Jahr
- 2023
- Dauer
- 4 Monate
Ausgangslage
Die Herausforderung
Der bisherige Onlineshop von Äbbes Tobacco war technisch in die Jahre gekommen. Auf Smartphones und Tablets ließ er sich nur eingeschränkt nutzen, und Händler hatten kaum Möglichkeiten, Vorgänge selbst zu erledigen. Viele Bestellungen mussten deshalb manuell begleitet werden. Die Oberfläche entsprach nicht mehr dem, was B2B-Einkäufer heute von einem Shop erwarten, und Besucher verließen die Seite häufig, bevor sie zum Ziel kamen.
Für den Neuanfang reichte ein reines Facelift nicht aus. Der Shop sollte auf eine moderne, skalierbare Plattform umziehen, registrierten Händlern einen eigenen Bereich bieten und Interessenten schnell zu einem passenden Händler in ihrer Nähe führen. Gleichzeitig sollten Produktdaten, Bestellungen und Nutzerverwaltung über eine saubere API-Architektur abgewickelt werden, damit der Shop performant bleibt und sich später erweitern lässt.
Lösung
Unser Vorgehen und die Lösung
Webect hat Konzeption, UX-Design und Entwicklung des neuen Shops vollständig übernommen. Am Anfang stand eine Analyse der User Journey: Wie bewegen sich Händler und Interessenten durch den Shop, wo brechen sie ab, und welche Informationen brauchen sie an welcher Stelle? Aus diesen Erkenntnissen haben wir ein individuelles UX-Konzept entwickelt, das Navigation, Produktdarstellung und Bestellprozess auf B2B-Anforderungen ausrichtet.
Technische Basis ist Shopware 6. Das Frontend haben wir mit Twig-Templates und reaktiven Vue.js-Komponenten umgesetzt und durchgängig für mobile Endgeräte optimiert. Registrierte Händler erhalten einen eigenen B2B-Login-Bereich. Produktdaten, Bestellungen und Nutzerverwaltung laufen über die REST- und Admin-API von Shopware, die Daten liegen in einer MySQL-Datenbank. Diese API-Architektur sorgt für performante Bestellprozesse und lässt Raum für Erweiterungen.
Ein zentraler Baustein ist die Händlersuche. Über die Geolocation-API finden Besucher anhand ihres Standorts Händler in der Umgebung und können die Ergebnisse per Radius filtern. Damit verbindet der Shop den Onlinekanal mit dem stationären Händlernetz. Das gesamte Projekt – von der Analyse über das Shopware-Setup bis zur Integration aller Funktionen – wurde in vier Monaten realisiert.
B2B-Login-Bereich
Registrierte Händler erhalten einen eigenen, geschützten Bereich im Shop.
Individuelles UX-Konzept
Navigation und Bestellprozess wurden auf Basis einer User-Journey-Analyse neu gestaltet.
Mobiloptimiertes Frontend
Twig-Templates und Vue.js-Komponenten sorgen für eine gute Darstellung auf allen Geräten.
Shopware-API-Anbindung
Produktdaten, Bestellungen und Nutzerverwaltung laufen über REST- und Admin-API.
Skalierbare Datenbasis
Produkt-, Bestell- und Kundendaten werden in MySQL verwaltet.
Projektablauf
Vom Kick-off zum Go-live
- 01
Analyse
User-Journey-Analyse des bestehenden Shops und der Händleranforderungen.
- 02
Konzept & Design
Entwicklung des individuellen UX-Konzepts für B2B-Käufer.
- 03
Entwicklung
Shopware-6-Setup, Frontend, B2B-Login und Geolocation-Händlersuche.
- 04
Launch
Go-live des neuen Shops nach vier Monaten Projektlaufzeit.
Ergebnis
Was das Projekt bewirkt
Der neue B2B-Shop ist live und löst die veraltete Lösung ab
Händler finden sich im Shop schneller zurecht
Registrierte Händler nutzen einen eigenen Self-Service-Bereich
Die Händlersuche verbindet Onlineshop und stationäres Händlernetz
Eingesetzte Technologien
- Shopware 6
- Twig
- Vue.js
- Shopware API
- Geolocation API
- MySQL
Leistungen
Leistungen in diesem Projekt
FAQ
Fragen zum Projekt
Sie planen etwas Ähnliches? Wir beraten Sie gern persönlich.
Projekt besprechenWie lange dauerte der Relaunch des Äbbes-B2B-Shops?
Das Projekt dauerte vier Monate. In dieser Zeit haben wir die User Journey analysiert, ein neues UX-Konzept entwickelt, Shopware 6 aufgesetzt, das Frontend umgesetzt sowie den B2B-Login-Bereich und die standortbasierte Händlersuche integriert. Der Shop ging anschließend ohne Zwischenlösung live.
Wie funktioniert die Händlersuche im Shop?
Die Händlersuche nutzt eine Geolocation-API. Besucher können sich anhand ihres Standorts Händler in der Umgebung anzeigen lassen und die Ergebnisse über einen Radius-Filter eingrenzen. So wird der Onlineshop direkt mit dem stationären Händlernetz von Äbbes Tobacco verknüpft.
Warum fiel die Wahl auf Shopware 6?
Shopware 6 eignet sich für B2B- und B2C-Szenarien und bringt mit Store- und Admin-API eine saubere Schnittstellenbasis mit. Damit lassen sich Produktdaten, Bestellungen und Nutzerverwaltung performant abbilden und spätere Erweiterungen ohne Plattformwechsel umsetzen. Das war für Äbbes Tobacco eine wichtige Voraussetzung für zukünftiges Wachstum.
Weitere Referenzen
Das könnte Sie auch interessieren
DXP-Plattform für den deutschen Mittelstand – B2B-Bestellportal mit Produktkatalog
FixPro
HiScout Kundenportal: Self-Service-Plattform für GRC-Software
HiScout
BanksAPI-Integration: Digitale Zahlungsprozesse durch API-Anbindung
Syvera / Orbird
Shopware E-Commerce Store mit API-Integration zum Versanddienstleister
Hitchcock
React.js ERP Lösung: Moderne Technologie für effiziente Unternehmensprozesse
workstool
Modernes Bestellsystem mit Shopware und API: Eine zukunftssichere E-Commerce-Lösung
Hygienebedarf GmbH
Ähnliches Projekt?
Lassen Sie uns über Ihr Vorhaben sprechen.
Erzählen Sie uns, was Sie vorhaben – wir geben Ihnen eine ehrliche Einschätzung zu Aufwand, Zeitrahmen und Vorgehen.
