Nahtloses Markenerlebnis und effizienter Rollout bei OLYMP

Die JavaScript-Anwendung SAP Composable Storefront ist das Herzstück der neuen Headless-Architektur. Das Open-Source-Framework für die SAP Commerce Cloud ermöglicht es, hochgradig skalierbare und individuelle E-Commerce-Frontends zu erstellen, ohne Änderungen im Kernsystem vornehmen zu müssen. Da das Headless-Frontend von der Backend-Logik der E-Commerce-Architektur getrennt ist, bietet es ein hohes Maß an Anpassungsfähigkeit und Skalierbarkeit. Dev-Teams können die Benutzeroberfläche beispielsweise problemlos um neue Funktionen erweitern – ein enormer Vorteil für die Marke, um schnell auf neue Kundenbedürfnisse zu reagieren und auch künftig nutzeroptimierte Erlebnisse zu bieten. Das Decoupled Framework auf Basis der Webtechnologie Angular trägt außerdem zur Stabilität und Performance des Shopsystems bei.

Um eine individuelle Marken- und Produktpräsentation zu unterstützen, integrierte das Projektteam das Content Management System (CMS) SmartEdit. Dabei handelt es sich um ein JavaScript-Overlay über der Kundenansicht, das die Bearbeitung der Seiteninhalte sowie die kontextbezogene Personalisierung unter anderem durch Drag-and-Drop-Aktionen vereinfacht. Inhalte wie Produktbilder, -beschreibungen oder Videos können auf einfache Weise erstellt, für unterschiedliche Geräte optimiert und kontextabhängig ausgespielt werden. Weiterer Pluspunkt: Das CMS ist auf Basis der Angular-Architektur ebenfalls einfach erweiterbar und passt sich den Anforderungen der Marke an.

Maßgeblichen Anteil an der ansprechenden Online-Präsentation und dem einheitlichen Markenerlebnis bei OLYMP hat das überarbeitete UX-Design. Der Onlineshop wurde für Mobilgeräte optimiert und ermöglicht durch das Responsive Design jetzt auf allen Devices eine intuitive Navigation. Neben dem aufgeräumten User Interface lag der Fokus der visuellen Gestaltung auf großformatigen Motiven und inspirativen Elementen, die Kund*innen während der gesamten Customer Journey begleiten. Zur Anwenderfreundlichkeit tragen zudem optimierte Filterfunktionen bei, mit denen Nutzer*innen noch treffsicherer passende Produkte finden.

Da im ursprünglichen Shopsystem ein Großteil der E-Commerce-Logik im Frontend verbaut war, transferierte das Projektteam notwendige und sinnvolle Anwendungen ins Backend. Sowohl diese Optimierungen als auch die fortlaufende Wartung der SAP Commerce Cloud tragen langfristig zu effizienteren Prozessen bei.

Weil der Onlineshop für verschiedene Vertriebsmärkte konzipiert ist, setzte das Projektteam mehrere Shops in vier Sprachen (Deutsch, Niederländisch, Französisch, Englisch) und entsprechenden Währungen auf. Neben Deutschland und Österreich verkauft OLYMP über den B2C-Shop aktuell auch in Luxemburg, Belgien, Frankreich und den Niederlanden.

Die neue Automatisierungslösung steigert die Geschwindigkeit und Effizienz in der Einrichtung künftiger Shops in weiteren Märkten. Mit Impex-Vorlagen, die als automatische Aufgaben (sogenannte Cronjobs) generiert und ausgeführt werden, lassen sich sämtliche Markteinstellungen (auch im Backoffice) auswählen und einfach verwalten. 

Entwicklungsarbeit und inhaltliches Testing gingen bei der Implementierung des Schweizer Shops Hand in Hand. Gemeinsam wurden konkrete Anforderungen spezifiziert und diese in Form von User Stories mit klar definierten Akzeptanz–Kriterien dokumentiert.