Globaler E-Commerce für Babyartikel

Das Hauptgeschäft des Unternehmens lief über B2B-Kanäle. Ziel des Onlineshops war primär die Informationsvermittlung. Der Shop sollte die Produktwelt optimal präsentieren. Technisch war die Ausgangssituation wegen gewachsener Strukturen und Abhängigkeiten durch vielfältige Schnittstellen sehr komplex.

Der Babyartikelspezialist wollte die Kundenbindung stärken. Dafür schufen wir eine schnelle, zentrale Informationsplattform mit personalisierten Services. Globale Erreichbarkeit und Rechtssicherheit waren entscheidend. Das Shop-System musste 40 Länder und 19 Sprachen bedienen.

Durch die globale Ausrichtung der Website und des Shops wurde ein großer Wert auf Performance gelegt. Aus diesem Grund wurden Tools wie z.B. Varnish Caching eingesetzt. Dieser sorgte dafür, dass die Ladezeiten verkürzt und die Performance deutlich verbessert wurden. Durch Varnish wurden die meisten Anfragen direkt beantwortet und der dahinterliegende verwendete Ngnix Webserver und die Applikations-Anwendungen (PHP-Prozesse, Datenbank) massiv entlastet. Die Konfigruation wurde so optimiert, dass dynamische Inhalte davon ausgenommen wurden. Da der Serverstandort in Europa war und wir auch Länder wie Brasilien, Amerika und China abgebildet haben wurde zusätzlich ein Content Delivery Network (CDN) von Cloudflare eingerichtet. Der Hauptvorteil eines CDN ist die Verkürzung der Ladezeiten (Latenz) Ihrer Website. Die Inhalte werden nicht vom weit entfernten Hauptserver (Ursprungsserver) geladen, sondern von einem Edge-Server, der sich in der Nähe des Nutzers befindet. Dies reduziert die physische Entfernung der Datenübertragung und damit die Ladezeit.

Um die Performance im wichtigen Absatzmarkt China zu gewährleisten, wurden regelmäßig User-Tests vor Ort durch den Kunden durchgeführt und protokolliert. Dadurch stellten wir fest, dass trotz dieser Maßnahmen die Performance nicht ideal für chinesische Nutzer war. Da China ein wesentlicher Markt war, bauten wir eine eigene Infrastruktur innerhalb von Festlandchina auf. Dadurch reduzierten wir die Latenz und verbesserten die Ladezeiten erheblich. Eine Speziallösung spiegelte die bestehende Code-Basis der Applikation auf den chinesischen Server. Die Deployment-Pipeline bediente gleichzeitig den internationalen und den chinesischen Server, was die laufenden Investitionen in die Wartung trotz getrennter Systeme im Rahmen hielt.

Damit auch dem Redaktionsteam doppelte Wartung weitgehend erspart bleibt, entwickelten wir eine Synchronisation der Inhalte. Gemeinsam mit dem Kunden definierten wir die Inhalte, die regelmäßig automatisiert übertragen werden mussten. So blieb der Datenstand gleich, ohne doppelt zu arbeiten. Die Synchronisation der Daten lief regelmäßig im Hintergrund. Zudem konnte man dies jedoch auch redaktionell anstoßen, sodass bei Adhoc-Aktionen die Daten direkt übertragen wurden.

Neben den technischen Gegebenheiten wurden zusätzlich spezifische Implementierungen vorgenommen, so z.B. wurden Erweiterungen hinsichtlich dem Tracking und Suchmaschinenoptimierung durchgeführt. Dadurch wurde der Shop auch in der chinesischen Suche Baidu bestmöglich ausgespielt.

Die zentrale Verwaltung aller Shops über ein deutsches Lager stieß an ihre Grenzen, als wir den brasilianischen Markt erschlossen. Aufgrund restriktiver Importgesetze und einer erheblich abweichenden nationalen Steuerberechnung, wurde die Einführung einer eigenständigen, lokalen Logistik- und ERP-Lösung unumgänglich. Weiterhin konnten im regulären Shop die Bestellungen vom User abgesetzt werden und die Rechnungsgenerierung und Logistik wurden über eine XML-basierte Middleware in das bestehende ERP System übertragen und weiterverarbeitet.

Im internationalen Store gab es eine tabellenbasierte Berechnung der Lieferkosten. Aufgrund der Größe des Landes war eine Pauschalierung für Brasilien nicht zweckmäßig. Die Anbindung des brasilianischen Versanddienstleisters Correios war die Lösung. Diese Integration lieferte die Lieferkosten direkt im Checkout-Prozess live auf Basis der eingegebenen Postleitzahl. Für die Berechnung der Lieferkosten wurden das Gewicht und die Maße der Produkte verwendet.

Die Multistore-Inventory-Funktion von Magento ermöglicht die Verwaltung des internationalen und des brasilianischen Lagerstands in einem System.

Ein Herzstück des Shops war die Möglichkeit, Schnuller und Schnullerbänder zu individualisieren. Über einen Konfigurator konnten User bestimmte Produkte auswählen und individuelle Texte und Icons auf den Schnuller lasern lassen. Eine Voransicht zeigte das endgültige Aussehen. Neben den gelaserten Schnullern gab es auch die Möglichkeit, Schnullerbänder besticken zu lassen. Diese Bestellungen wurden über eine eigene Schnittstelle direkt an die Maschine im ungarischen Werk übermittelt.

Da diese Produkte manuell produziert werden, wurde auch eine Bearbeitungsmöglichkeit für die Korrektur fehlerhafter Eingaben implementiert. Herausforderung hierbei waren Limitierungen mit diakritischen Zeichen an den Maschinen. Schon bei der Usereingabe sorgten zahlreiche Checks für die fehlerfreie Produktion.

Ein besonderes Highlight war die Integration von Emoticons. Durch das Verfahren selbst (Laserung) waren wir limitiert in der Verwendung individueller Bilder. Aus diesem Grund wurde ein Emoticon Set vorgesehen, aus dem User für die Aufwertung individueller Texte auswählen konnten.

Wir unterstützen auch im Online Marketing. Beispielsweise Social Media Kampagnen mit eigenen Videos. Für optimale Conversions stand neben der Hauptwebsite auch ein Landingpage-System, entwickelt auf Basis von TYPO3, zur Verfügung. Losgelöst von der regulären Website konnten so für diverse Aktionen kurzfristige Landingpages im gewohnten Look & Feel generiert werden. Auch für unterschiedliche Sprachen und mit eigener Domain. Dies ermöglichte schnelle und kostengünstige Kampagnen.

Für messbare Erfolge unterstützten wir beim Aufsetzen eines umfangreichen Conversiontrackings mittels Google Tag Manager. Dabei wurden für die unterschiedlichen Länder individuelle Trackingkonzepte entwickelt. Der Shop generierte auch optimierte Shopping Feeds für Google und Meta, was die Leistung der E-Commerce-Kampagnen deutlich verbesserte.

Aufgrund der stark internationalen Ausrichtung des Webshops stellten wir frühzeitig die Barrierefreiheit gemäß Americans with Disabilities Act (ADA) sicher. Beispielsweise ermöglichte ein Kontrast-Umschalter die Anpassung der Farben ohne Eingriff in das Corporate Design. Diese Arbeiten erfolgten zu einem Zeitpunkt, als die heutige Barrierefreiheitsverordnung in Europa noch kein Thema war.

Ein intelligentes Monitoring überwachte permanent alle Schnittstellen und damit das unumgängliche Zusammenspiel aller beteiligter Systeme. Bei Fehlern sendeten wir automatische E-Mail-Warnungen an den hinterlegten Verteiler. Fehler wurden so schnellstmöglich erkannt und behoben. Alerts warnten uns vor starkem Traffic-Abfall. Neben den technischen Systemen überwachten wir auch die Seitenzugriffe. Mails warnten bei Traffic-Abfall, um so frühzeitige Abweichungen zu erkennen und Maßnahmen ergreifen zu können.