Building a new view of care in 3 months

Industry

Healthcare & Life Sciences

Goals

Escape CMS & Commerce Lock-In

Solutions

Design SystemsHeadless CMSFrontend Cloud

Executive Summary#

Kenvue, newly spun off from Johnson & Johnson, faced the significant challenge of migrating 800+ product sites for its 80 brands (spanning 30+ regions) to a new platform in less than a year. Seizing the opportunity to move off the legacy in-house stack, Kenvue decided to implement a composable Digital Experience Platform (DXP) using Netlify Create (formerly known as Stackbit) and Contentful. Partnering with Kenvue, Rangle's primary focus was on deploying Kenvue's white label design system to ensure the efficiency of the migration, as well as future site changes, and consistency across its digital properties. While the full site migration is ongoing and expected to be complete by the end of 2024, the work done has laid a solid foundation for this ongoing transition.

Introduction#

Kenvue, a global leader in consumer health products, inherited a diverse and extensive portfolio of product websites as a result of its spin-off from Johnson & Johnson. The new company encompassed household brands such as Tylenol, Listerine, Neutrogena, Aveeno, Band-Aid and more. The spin-off presented Kenvue with the opportunity to modernize how it managed the digital footprint of its 80 iconic brands—spanning 30+ regions and 800+ localized sites. Known for its commitment to innovation and customer satisfaction, Kenvue sought to modernize its DXP to more efficiently drive unified and consistent experiences to better serve its global customer base and streamline its operations.

Challenge#

Kenvue's major challenge was the migration of 800+ product sites (in under a year) to a new, more agile platform that could handle the diverse needs of its extensive product range. This was an opportunity to move off the legacy in-house stack onto an industry-leading, best-of-breed stack. In that process, Kenvue required a design system that could help it maintain brand consistency, improve operational efficiency, and allow for fast and easy marketing updates across its global footprint.

Solution#

To address these challenges, Kenvue implemented a composable DXP solution, so that it could ensure a future-proof, best-of-breed tech stack for its site migration and any future updates. Key components of the solution included:

• Netlify Create: Provided a flexible and powerful platform to build and manage websites efficiently.
• Contentful: Served as the headless CMS, enabling easy content management and updates.
• White Label Design System: Deployed Kenvue's design system to ensure brand consistency and operational efficiency across all digital assets.

Implementation#

The implementation process included:

• Setting up Netlify Create: This platform offers a robust and flexible infrastructure for building and managing websites. Its visual editor enables non-technical content marketers to ship sites without developer intervention, and to see how things are changing in real-time through drag-and-drop. Netlify Create's integration capabilities also allow it to work seamlessly with other tools and services, such as Contentful, to provide a cohesive environment for web development.
• Integrating Contentful: As a headless CMS, Contentful separates the content management backend from the frontend presentation layer. This allows for greater flexibility and scalability, as content can be managed and updated independently of the site's design and structure. Contentful's API-driven approach enables easy integration with Netlify Create, allowing content to be dynamically delivered to various digital touchpoints.
• Implementing the White Label Design System: Kenvue's design system was integrated into both Netlify Create and Contentful, ensuring a consistent look and feel across all product sites. The design system provides reusable components and guidelines that standardize the visual and functional aspects of the websites, reducing development time and maintaining brand integrity.

By combining these three elements, Kenvue created a streamlined workflow that enhances efficiency and consistency. The design system ensures all sites adhere to Kenvue's brand guidelines, while Contentful (decoupling code and content) and Netlify Create (through its visual editor) both enable a self-serve content marketing experience, relieving the previous developer bottlenecks that stifled campaign launches and management.

Results#

The initial phase of implementing the new platform has laid a solid foundation for the upcoming site migration, expected to be complete by the end of 2024. Kenvue now benefits from a modernized digital infrastructure that supports its extensive product portfolio with improved efficiency and consistency.

The deployment of the white label design system has ensured that all product sites maintain a uniform brand identity, while the flexible WYSIWYG-editing experience provided by Netlify Create allows for easy updates and scalability. Content management has become more streamlined, enabling the marketing team to quickly launch new campaigns and update content without heavy reliance on technical support.

Conclusion#

For companies undergoing significant transitions like Kenvue, adopting a modern Digital Experience Platform with a robust design system can greatly enhance operational efficiency and customer engagement. The combination of Netlify Create and Contentful, along with a consistent design system, offers unparalleled efficiency, performance, and scalability, essential for maintaining a competitive edge in the market.