Mars partnered with Space Dinosaurs to modernize the M&M'S digital commerce experience through a high-performance composable architecture that dramatically improved website speed and created a scalable foundation for future innovation.
The engagement combined immediate performance improvements with a transition to a composable, headless architecture that enables faster innovation, greater flexibility, and reuse across future Mars brands.
Space Dinosaurs redesigned the customer experience while modernizing the frontend, optimizing performance, implementing intelligent caching and predictive prefetching, and delivering a composable architecture built for long-term scalability. The result was a dramatically faster website, stronger search performance, and an enterprise-ready foundation that Mars can extend across future digital experiences.
The Challenge
As customer expectations for speed and digital experiences increased, Mars recognized that the M&M'S website was no longer positioned to support either the customer experience or the pace of future innovation.
To support future growth, Mars needed:
- A faster, more responsive shopping experience across desktop and mobile
- Modern, scalable architecture capable of supporting future growth
- Reduced page load times throughout the customer journey
- Greater flexibility to accelerate new feature development
- A reusable commerce foundation that could be leveraged across additional Mars brands
The existing storefront was approaching six-second page load times, creating friction throughout the shopping journey, negatively impacting search performance, and limiting Mars' ability to rapidly deliver new digital experiences.
The Solution
Space Dinosaurs executed a phased modernization strategy that delivered immediate performance gains while laying the foundation for a scalable composable commerce platform.
Accelerating Performance Through Edge Optimization
To improve performance, Space Dinosaurs:
- Implemented intelligent edge caching to serve content faster
- Introduced predictive prefetching to reduce perceived wait times
- Increased cache efficiency across the storefront
- Improved page responsiveness across desktop and mobile
- Optimized content delivery closer to customers
These optimizations improved website performance by more than 60%, delivering immediate customer value while preparing the platform for the next phase of modernization.
Building a Modern Composable Commerce Platform
Following the initial optimization work, the M&M'S website was completely rebuilt using a fully composable, headless architecture.
By decoupling the frontend from backend commerce services, Mars gained greater flexibility to evolve the customer experience, deploy updates more quickly, and scale the platform for future digital initiatives.
Key elements of the new platform included:
- A fully composable, headless commerce architecture
- Decoupled frontend and backend services
- A redesigned modern frontend experience
- A reusable architecture for future Mars brands
- Faster feature releases and simpler ongoing maintenance
The resulting architecture provides a reusable enterprise foundation that Mars can leverage to accelerate future ecommerce experiences across additional brands.
Optimizing the Customer Experience
Performance optimization was embedded throughout the implementation to create a consistently fast, engaging customer experience. By modernizing rendering, optimizing content delivery, and redesigning the frontend architecture, the project significantly reduced friction across the shopping journey while improving overall responsiveness.
These enhancements produced page load times of two seconds or less, creating a faster path from product discovery to purchase.
The Results
The initiative delivered more than a website redesign. It transformed the M&M'S digital commerce platform into a high-performance, composable foundation that improved website speed and created the flexibility to support future innovation across the Mars portfolio.
- More than 60% improvement in website performance across desktop and mobile
- Page load times reduced from nearly 6 seconds to under 2 seconds
- Fully composable headless commerce architecture implemented
- Modern microservices-based frontend launched
- Improved customer engagement and conversion rates
Foundation for Continued Innovation
By transitioning to a composable commerce architecture, Mars established a scalable platform that supports continuous optimization, faster feature delivery, and consistent digital experiences across brands.
The reusable architecture now provides a scalable framework for future ecommerce initiatives throughout The reusable architecture provides a strong foundation for future ecommerce initiatives throughout the Mars portfolio while delivering the speed and flexibility modern consumers expect.
Client Perspective
"At Mars, our commitment to prioritizing performance optimization and embracing cutting-edge methodologies underscores our dedication to delivering exceptional experiences for our consumers."
— Kyle Barz, IT Director, Mars Wrigley
