Frontend application for e-commerce shops

The background

B. Braun SE operates several e-commerce shops built on SAP Commerce. The frontend to customers was made available in SAP Commerce via the accelerator in the past. When using the accelerator, JSP templates integrated into SAP Commerce serve as the underlying technology.

B. Braun is currently in the process of switching its product communication over to an omnichannel strategy. A new frontend application was needed to ensure a uniform user experience across all channels and touchpoints on desktop and mobile devices.

We were very keen to move ahead with a headless strategy for our e-commerce shop, working together with adesso to implement a future-proof architecture using a new, stand-alone shop frontend.
Stanislaw Tyrtyschnij | SAP Hybris Platform Owner/E-commerce

The challenge

B. Braun was seeking to design a new e-commerce shop frontend application for its existing SAP Commerce system from scratch.

B. Braun was running a SAP Commerce On-Prem system that managed product information for several closed B2B e-shops and frontend applications. However, because the frontend systems were quite old, they did not to provide key functionalities such as usability, performance and responsiveness. All frontend applications were deeply integrated into the current backend and highly customisable via the backend configuration settings.

In order to provide a much better customer experience and greater flexibility, B. Braun wanted to completely overhaul the frontend application. The aim was to raise the level of readiness for future cloud migrations and improve scalability and maintainability through the use of modern frontend frameworks.

This included making one major change. The new e-commerce shop frontend application is no longer to be hosted on-premise; instead, it will be able to run in the cloud in the future.

The solution

The SAP experts from adesso implemented a frontend application based on react.js for B. Braun. Server-side implementations were carried out with the help of a Next.JS application in addition.

To achieve the goal of becoming independent from the backend and frontend, SAP Commerce is run headless and all communication is controlled via REST APIs, also referred to as the OCC layer in SAP Commerce.

The frontend application was implemented using cutting-edge technologies, meaning that it is also available as a mobile-first application on all end devices.

adesso services at a glance

The requirements were defined and fleshed out at several workshops in the Interaction Room to ensure the project went off as best as possible. Then the requirements were refined and stories created in a backlog that were ready for implementation. A compelling MVP was developed in agile development mode over several sprint cycles. react.js with Next.JS served as the development technology. Other popular tools like Jira and Confluence were also used, while the Cypress framework was employed in the QA process.

adesso is proud to have been there for B. Braun SE as a partner who could help them become more flexible and improve the end-user experience in the frontend of their B2B shop. The digitalisation of all business processes offers huge potential in the health sector. Agility as a principle gives manufacturers additional competitive advantages here.
Tobias Kosten | Managing Consultant at adesso SE

The result

With the aid of the new, modern frontend application, B. Braun was able to achieve its goals and significantly improve user-friendliness. Through the use of the latest cloud technologies, the frontend is also simple to maintain and can be rolled out elsewhere as required, making it easy for the company to reach new customer groups.

The e-commerce shop was modernised as part of the project and is technologically future-proof in cloud operation.

B. Braun is one of the leading manufacturers of medical equipment and pharmaceutical products and also provides services worldwide. With its impressive range of medical care solutions, B. Braun makes a significant contribution to protecting and improving the health of people around the globe. The company has several thousand products in its line-up, 95 per cent of which are manufactured in-house. B. Braun also offers a range of consulting and other services, allowing the full-service provider to develop the best solution for patients in close partnership with its customers.

Save this page. Remove this page.