E-commerce Built to Scale Across the Globe

Delivering flexible, regional websites for 1+ million monthly active mobile users.

A Brief Overview

Partnering with PUMA Global to unify PUMA's regional platforms and services under a single GraphQL layer, Content Management System, web app, and mobile app.

React Native
The Challenge

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.

Illustration of a globe
Our Approach

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 PUMA

The 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.

5 mins

Deploy Worldwide

Deploy any application or API change, anywhere in the world, in minutes.

1+ million

Active Monthly Mobile Users

Mobile application supporting over 1 million monthly active users across global markets.