E-commerce Built to Scale Across the Globe
Delivering flexible, regional websites for 1+ million monthly active mobile users.
Scaling Across the Globe
PUMA's web presence sprawls independent regions worldwide. Many regions use Salesforce to manage and display its web content. The technology team at PUMA asked us to help them transition from a per-region platform to a unified, global e-commerce platform without sacrificing each location's unique requirements. This platform needed to allow individual locations to manage their content, languages, payment processors, specialized campaigns, legacy systems, and other third-party vendors while enabling each site to scale, deploy, and change independently.
Embracing MACH Architecture
Our team's initiative is to build a scalable, unified e-commerce platform using best-in-class technologies. We're using a MACH (Micro-service, API, Cloud, Headless) architecture to build a platform that scales to millions of users worldwide while addressing each region's unique requirements.
Flexible API Using GraphQL
The application pulls from a single GraphQL API which abstracts away each region's requirements. Using this approach, PUMA can decouple its UI from Salesforce and other third-party providers and only request the data it needs.
Server-rendered Web App with Caching
The web application itself is a server-rendered Next.js site. For an e-commerce website, server-rendering is crucial – allowing for rapid page loads, high cacheability, and consistent SEO performance. Next.js offers best-in-class developer experience and is supported worldwide by open-source developers. We use Fastly's CDN to cache server-rendered pages to improve performance and reduce load on origin data sources.
Serverless Infrastructure Using AWS Lambda
The API and the Next.js application are powered by AWS Lambda. Traditional web infrastructure is often expensive and inflexible to fluctuating traffic levels. Serverless offers just-in-time scalability to meet customer demand while ensuring PUMA doesn't pay for resources they are not using. Serverless has made hosting PUMA's platform easy to manage, rapid to deploy, and optimized for performance and cost.
Headless CMS Using Sanity
Sanity is used to allow content managers to update content without the involvement of engineers. By organizing data into an easily queryable state, Sanity allows departments across PUMA to find and use data from a single source of truth and allows content to be shared across the web and mobile applications.
Multi-Platform Mobile App Using React Native
With a unifying GraphQL API layer, the mobile team used React Native to build a cross-platform mobile app with many of the same features as the web app, as well as additional features such as AR try-on, preferred sizes, custom marketing content, and more. Like the web app, the mobile app is built from a single codebase and served to app stores in different regions around the world.
The Impact - Connecting Global Teams & Creating Dynamic Products at PUMAThe ImpactConnecting Global Teams & Creating Dynamic Products at PUMA
Among the many benefits of this new platform, the most significant improvement has been the consolidation of application code across all regions. A single bug fix is applied to everyone, everywhere, at once. Adding new regions takes little effort and benefits from the already-written code for other locations and providers. Allowing all of PUMA to move forward together faster.
Changes to content, configuration, and products are also significantly faster. What used to take PUMA almost 24 hours to deploy to production takes less than 5 minutes today. With the new metrics and monitoring, PUMA can spot regressions immediately and precisely identify issues before they reach the customer.
Overall, the platform is faster, more flexible, more scalable, and more efficient.
Deploy any application or API change, anywhere in the world, in minutes.
Active Monthly Mobile Users
Mobile application supporting over 1 million monthly active users across global markets.
Related Case Studies
See more of our work and different solutions we’ve created for our clients and partners