Olymp online store in a new look
A central medium for brand communication that is convincing at every touchpoint: this was the goal pursued by the fashion brand OLYMP from Bietigheim-Bissingen near Stuttgart with the redesign of its online store. With a comprehensive redesign of the front end, valantic gave the digital flagship store a modern, brand-appropriate look. A flexible headless architecture creates a future-proof and efficient framework for reacting quickly to new customer needs and personalizing the customer journey.
Comprehensive redesign of the B2C store
Integration of the frontend framework SAP Composable Storefront (formerly Spartacus)
Redesign of the UX/UI design
Integration of the CMS SmartEdit
Specialized in the manufacturing and distribution of high-quality men’s fashion, the fashion brand OLYMP combines the classic business world with the modern lifestyle of our millennium. With a clear commitment to traditional values and timeless design, the brand meets the individual needs and preferences of its customers. Since its founding in 1951, the owner-managed company from Bietigheim-Bissingen has continuously expanded its portfolio and established itself in the European market. In addition to collaborating with specialty and retail stores, the company has been increasingly focusing on online sales for several years in order to reach a larger target group and offer its customers a modern, flexible shopping experience. Quality, a contemporary look-and-feel and personalized experiences are also a priority in OLYMP’s e-commerce.
The challenge
OLYMP approached valantic with the task of comprehensively modernizing the existing B2C store by redesigning the front end, with a focus on developing a modern UX design.
In order to create a consistent brand experience at all touchpoints, OLYMP pursued a holistic approach that encompasses all sales activities in an omnichannel context, both online and in-store. As the central platform for brand communication, the redesigned store was to offer better user experiences and enable seamless customer experiences through emotional appeal and high usability on all devices. Specifically, the redesign of the digital flagship store was associated with measurable goals to increase website traffic and boost conversion rates and sales opportunities through a seamless customer experience (CX).
Perspectively, internationalization and rollout in additional markets were also considered. To position itself for the future in e-commerce and gain more flexibility in implementing new requirements, the idea of a headless architecture was considered.
The solution
With these objectives, valantic began revising the existing store system in May 2023. In the initial phase, the focus was on consulting and coordinating the possible design and technical implementation of the new frontend solution. Following valantic’s recommendation, the choice was made for the SAP Composable Storefront framework (formerly Spartacus). Considering that the existing shop was already built on the SAP Commerce Cloud backend (formerly Hybris), implementing the SAP frontend framework was the most obvious and efficient step.
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.
Until the go-live of the new OLYMP store in March 2024, more than 15 valantic experts from three software and service areas worked on the project. valantic will continue to closely collaborate with OLYMP and, in addition to maintaining the e-commerce systems, will also be responsible for their further development in the future. Among other things, the move to the cloud of the B2C store is currently under discussion, as well as the development of another digital store for the Swiss market and the integration of new applications and features, such as additional payment options.
OLYMP has been nominated several times for the Shop Usability Award
OLYMP is nominated twice for the Shop Usability Award 2024. In the categories of sustainability and omnichannel, the redesigned online store could receive “the most prestigious e-commerce award in Germany”…