Seamless brand experience and efficient rollout with OLYMP

The SAP Composable Storefront, a JavaScript application, is the core of the new headless architecture. This open-source framework for the SAP Commerce Cloud makes it possible to create highly scalable and customizable e-commerce frontends without needing to make changes to the core system. As the headless frontend is separate from the backend logic of the e-commerce architecture, it offers a high degree of adaptability and scalability. Dev teams can easily extend the user interface with new features – a significant advantage for the brand in order to react quickly to new customer needs and continue to offer user-optimized experiences in the future. The decoupled framework based on the web technology Angular also contributes to the stability and performance of the system.

To support individual brand and product presentations, the project team integrated the content management system (CMS) SmartEdit. This is a JavaScript overlay over the customer view that simplifies editing page content and context-based personalization through drag-and-drop actions, among other things. Content such as product images, descriptions or videos can be easily created, optimized for different devices and played out contextually. Another plus: The CMS, based on Angular architecture, is also easily extendable and adapts to the brand’s requirements.

The revised UX design plays a key role in the appealing online presentation and the consistent brand experience at OLYMP. The online store has been optimized for mobile devices and now allows intuitive navigation on all devices through responsive design. In addition to the clean user interface, the visual design focuses on large-format motifs and inspirational elements that accompany customers throughout the entire customer journey. Optimized filter functions also contribute to usability, allowing users to find suitable products more accurately.

As a large part of the e-commerce logic in the original store system was built into the front end, the project team transferred necessary and useful applications to the backend. Both these optimizations and the ongoing maintenance of the SAP Commerce Cloud contribute to more efficient processes in the long term.

Because the online store is designed for different sales markets, the project team set up several stores in four languages (German, Dutch, French, English) and corresponding currencies. Besides Germany and Austria, OLYMP currently also sells in Luxembourg, Belgium, France and the Netherlands.

The new automation solution increases the speed and efficiency of setting up future stores in additional markets. With Impex templates, which are generated and executed as automatic tasks (so-called cron jobs), all store settings (including in the back office) can be selected and easily managed.

Development work and content testing went hand in hand during the implementation of the Swiss store. Together, concrete requirements were specified and documented in the form of user stories with clearly defined acceptance criteria.