Mondelēz International
Global Design System
Scaling Global Brand Consistency through a Unified Design System
During my time at Monks, I played a pivotal role in developing a comprehensive Global Design System for Mondelēz International. This strategic initiative aimed to unify the digital presence of some of the world’s most iconic brands, including Oreo, Cadbury. Toblerone and LU Biscuits. By adopting a service design approach and leveraging agile methodologies, I ensured that the digital ecosystem was not only visually consistent but also technically scalable and accessible to a global audience.
Challenge
Managing a portfolio of diverse global brands often leads to fragmented digital experiences and operational inefficiencies.
The Problem: Inconsistent design patterns and redundant development efforts across different brand sites, resulting in high maintenance costs and a disjointed customer journey.
The Goal: Build a robust, scalable design system that harmonises brand identities while catering to specific local user needs and accessibility standards.
Insights
To create a system that serves both the business and a massive global user base, I led a deep-dive research phase:
User Research & Personas: Developed detailed personas for different brand audiences to identify commonalities and unique preferences across the Mondelēz portfolio.
Journey Analysis: Mapped end-to-end user journeys to identify friction points that could be solved through standardised design components.
Accessibility Auditing: Conducted a thorough gap analysis to ensure the new system would meet international accessibility standards, making the brands inclusive for all users.
Action
I implemented a strategic design framework focused on modularity, technical literacy and cross-functional collaboration:
Service Design Integration: Orchestrated a holistic service design approach, ensuring the design system supported marketing, sales and product objectives seamlessly.
Agile Execution: Worked within an agile framework to rapidly prototype, test and iterate on core components, ensuring the system evolved based on real-world performance data.
Modular Component Library: Created a library of flexible, high-performance UI components that allowed individual brands like Oreo or Cadbury to maintain their unique personality while sharing a common technical foundation.
Accessibility-First Design: Led the implementation of strict accessibility guidelines within the design system to ensure compliance and a superior experience for users with diverse needs.
Impact
The implementation of the Global Design System delivered significant improvements to Mondelēz International’s digital maturity:
Operational Efficiency: Drastically reduced designer-to-developer handoff times and lowered development costs by eliminating the need to build custom components from scratch for every site.
Brand Unity: Achieved a cohesive digital identity across the global portfolio, strengthening brand equity and trust.
Scalable Growth: Created a sustainable foundation that allows for the rapid deployment of new brand sites and features across 90+ markets.
Enhanced Accessibility: Ensured that the digital experiences of global brands are now more inclusive, directly improving the brand’s reach and social responsibility footprint.