PUMA is one of the world’s leading sports brands, designing, developing, selling, and marketing footwear, apparel, and accessories. The company’s vision was to build a more holistic digital experience across regions and product lines, and integrate with offline content at events such as Fashion Week. The goal was to build a content engine on top of Salesforce, the commerce engine, and repository for PUMA’s product catalog and related content, like images and video.
PUMA’s website and apps
The transformation called for an entirely new, flexible content platform. That’s why PUMA decided to tap global design, product, and engineering consultancy Formidable to create the new stack. Formidable, which specializes in complex software and design projects for brands like Starbucks, Microsoft, and Walmart, partners with its clients to build transformative new digital experiences that humans find exceptional.
“We were excited to work with Formidable to create a composable e-commerce system based on modern headless principles,” says Bettina Donmez, senior manager of e-commerce platform development at PUMA. “We knew they had the expertise to help us build the right stack to achieve our business goals.”
E-commerce is a game of continual adaptation. Customer needs and preferences change, and businesses must evolve to meet them. PUMA was looking for the right technology that would enable them to innovate and stay nimble amid this constant evolution.
In the search for a new content platform, Sanity emerged as the favored choice. “We were especially excited to use Sanity because it boasts unlimited flexibility and has useful features like fine-grained user permissions, previews and an asset pipeline for working with multimedia,” says Luke Jackson, a senior frontend developer at Formidable. “Sanity also encouraged the use of a structured data ecosystem, which aligned with PUMA’s vision to build a system that could shape itself to future initiatives.”
Sanity’s content platform enables PUMA to be much more agile when they create campaigns, reusing content and making it dynamic so it can run more autonomously. This includes resizing images and videos automatically for the destination channel, or auto-populating content for specific campaigns at desired times. To date, the PUMA team has created more than 500 category landing pages, over 4,000 hero banners, staged over 100 campaigns and created more than 55,000 pieces of reusable content, all within Sanity.
PUMA’s collaborations and campaigns
Sanity went through a content modeling exercise with the PUMA team to build a structured ecosystem for all of PUMA’s website and app content, with content types, fields, design elements, and other metadata. For any organization, the structured content model is the secret sauce powering the customizability and automation of digital experiences.
PUMA found this approach so valuable that Sanity has become ingrained in PUMA’s workflow, leading them to create an internal Sanity Review Council—a team dedicated to vetting requests for new fields and additions to the system so updates are made strategically and with consensus.
“If we think of content pieces as building blocks, it means we can use each brick again and again,” says Donmez at PUMA. “Depending on what you want to communicate, you can spin up a full e-commerce page or a purely merchandised product listing page that speaks about related products we have at the fashion show. The possibilities are endless.”
Early feedback from the PUMA team was overwhelmingly positive, largely because the efficiency of the setup process was apparent from the beginning of the proof of concept stage. Previously, it was time consuming and complex to set up a preview environment so that the PUMA team could provide feedback on production sites. Using Sanity with Next.js, a single user can deploy any build, to any environment, in just 5 minutes—a massive improvement. Additionally, it brings a greater sense of collaboration between developers and content creators.
PUMA workspaces in Sanity Studio
