About the Oetker GroupAnchor
The Oetker Group is Germany’s largest family run business. With more than 40,000 employees and about 400 affiliates, the company operates multiple Food and Beverage brands across the globe.
The Dr. Oetker storyAnchor
As a global leader in the Food and Beverage industry, the Oetker Group was looking to increase their digital platform offerings to end consumers and modernize their digital operations. This project included upgrading the websites, web-apps, and portals for all brands under the Dr. Oetker portfolio.
Dr. Oetker has commissioned AKQA to assist them in the project. With the recipe platform as the foundation, the migration project aims to drive digital transformation and build business capabilities. The project involved breaking through legacy monolithic tech stacks and switching to a microservice-first, performance-focused stack.
After several rounds of evaluation with AKQA, Dr. Oetker has chosen Hygraph as their content platform for its MACH-certified APIs, the ability to handle multiple brands, scalability, and intuitive user experience to build a future-proof platform.
Project challengesAnchor
Streamline local technical solutionsAnchor
Dr. Oetker has a presence in more than 40 countries. Historically, the local marketing units have used the company tech stack in different directions. With their portals and websites built on combinations of Pimcore and other platforms, the team experienced inconsistency across brands, decentralized development processes, and slower update cycles.
Unify data silosAnchor
Dr. Oetker's data was stored in silos and not in one database, as a result of fragmented technical infrastructure. They were unable to leverage the power of data at full scale, which hampered their ability to generate insights and launch relevant marketing campaigns to build relationships with consumers.
Enhance end user experienceAnchor
Traditionally selling wholesale products, Dr. Oetker faces the challenge of converting offline customers to online customers. Since Dr. Oetker's digital platform offers many popular recipes that drive traffic to the website, they need to create meaningful touchpoints so they can implement first-party data to gain a better understanding of consumers.
Project needsAnchor
Centralize technical power with a composable platform stackAnchor
To achieve a scalable future, it is necessary to be able to host country-specific websites and different apps from the same stack while not being tied to a single system. This is where an API-based headless approach comes in. Using a solution that enables retrieval of assets from different systems and leveraging the infrastructure and work already done, Dr. Oetker can leverage the cost synergies they have built up over time.
Harmonize infrastructure to manage stakeholder globallyAnchor
With the project being rolled out in 40 countries and eventually across all sub-brands, stakeholder management is crucial. Dr. Oetker needs to create a seamless infrastructure for the team to feel comfortable to work with. It is essential to have a clear hierarchy and custom roles for each job function. The purpose is to keep a single source of truth while permitting different teams to request permission based on their localization needs.
Extend meaningful digital offer to generate first-party dataAnchor
In order to convert offline users to online, Dr. Oetker must remove existing barriers to logging into the recipe platform, identify value-added services, and extend relevant touchpoints. The solution should provide a sustainable infrastructure that facilitates data transfer between different consumer touch points, as well as connecting many valuable microservices to the system via APIs.
Hygraph’s solutionAnchor
Dr. Oetker assessed together with AKQA to choose a technology and eventually decided on Hygraph for its unique approach to remote data fetching, the ability to handle granular permissions across brands & projects, high-performance MACH APIs, and an intuitive UI that the content editors loved.
The solution used a microservice-based, API-first headless architecture, that is fully in line with the MACH concept.
MACH architectures, in a nutshell, are several services that do one or a few things extremely well, coming together via API, to create highly optimized stacks that do what is expected of them based on a business’s needs. By switching from a monolithic system to a MACH stack, teams can be innovative and agile, while using a stack that is enterprise-ready and secure.
A few of the key Hygraph features that contributed to this project's success include:
Headless architecture to enable sustainability & distribution flexibility. A centralized tech stack that is also composable, not page-centric. Through Hygraph's solution, different assets can be served and retrieved to different systems and made available not only now, but also in the future.
APP Framework to integrate data from different sources while PIM in the recipe database remains the source of truth for everything and present content on products, recipes, storefronts, and other tools.
Automated functionalities to simplify local processes and leverage cost synergy. The conversion, compression of images, the automatic optimization of page templates and many more, which helps to handle multiple brands across multiple workspaces with ease.
Granular permission system for market/brand specific permissions so that each team only needs to see the relevant content when working inside the system. Editors can easily edit products in the guide content section from the UI extension.
Intuitive user experience makes Hygraph easy to use, for multiple teams across various geographies.
The current setupAnchor
As the AKQA team started to decouple services, the reliance on the previous stack is no longer an obstacle. Dr. Oetker’s brands are now powered by Hygraph.
With Hygraph's flexibility to integrate with any external platform, Dr. Oetker was able to streamline their business processes and ensure compliance while managing multiple web instances simultaneously.
Hygraph was integrated with the following platforms:
- Next.js was chosen as the state-of-the-art front-end framework which allows hybrid static & server rendering and will support the international roll-out to up to 40 markets with seamless and high performance. Next.js is the perfect choice for a modern headless architecture.
- Algolia as a search API: Algolia does not only empower Dr. Oetker's platform search and discovery capabilities but also serves as an integrated content feature which allows regional content manager teams to select and combine recipes, tips and tricks as well as products within Hygraph for optimized search results. Combining Hygraph's content capabilities and Algolia's outstanding indexing and search features, content managers and editors are able to tie content and search results for each market with the tip of a finger.
- Force.com as the Customer Data Platform
- Elasticsearch to pull recipes from internal database and PIM
- Marketing tools like Google Tag Manager, Universal Analytics 360
Key benefitsAnchor
- Modernized stack to better leverage cost synergy and technology
- Centralized infrastructure to manage brands across 40 different countries and subsidiaries
- Harmonized consumer experience and improved customer engagement rate
- A single source of truth for content consistency and reusability