Simeon Griggs: Sanity x Puma

I'm Simeon Griggs, a solution engineer at Sanity.io. We are the platform for structured content powering digital experiences for global brands like AT&T, Burger King, and Unilever. Today, I'm joined by Bettina Donmez, senior manager of e-commerce platform development at Puma, along with Matt Borgman, a software architect at Puma and Luke Jackson from the Global Digital Agency

Formidable. Luke was a key part of setting up Puma's deployment with Sanity, Next.js, and a host of other infrastructure tech. Now I know we're all interested in moving faster and removing bottlenecks from the things that we are working so hard on. And we're gonna look today at how Puma an enduring global brand proves that you can make a highly complex, globally distributed architecture into a nimble release engine with the right setup. Now we'll welcome to the stage Bettina and Matt from Puma.

Hey everybody. Bettina, can you tell us more about Puma's technology stack and the journey that you went on with Sanity, Next.js, and your agency Formidable? - Of course, Simeon. Two years ago, Puma wanted to do more with its content infrastructure than was possible with Salesforce, our commerce engine and repository for our product catalog and related content. But we wanted to be able to more quickly roll out global launches of limited edition products

like the MB One Galaxy Basketball shoe or drops at Fashion Week. We also wanted to create a multi-platform ecosystem so that digital campaigns sync seamlessly across the web, mobile web, and our native iOS and Android apps for all global markets. We partnered with design agency Formidable to help us build the right stack to achieve our business goals and create a composable e-commerce system based on modern headless principles.

- Thanks Bettina. Matt, can you tell us more about how all this came together? - Thanks, Simeon. Using Sanity's powerful content platform as a connective tissue for all of our digital properties. Next.js for rapid deploys graph growth for careers in a react native application we have transformed our agility and creativity for building e-commerce experiences. Instead of waiting hours or days to push campaigns live, now Puma can deploy in under five minutes. Our content teams can group edit by campaign and build digital assets that automatically shape themselves

to the desired channel. And all digital platforms across web, mobile web, and native iOS and Android apps are now synced for all Puma's global markets. Now I'm excited for Formidable to share more about our implementation and how we are able to achieve these goals. - Excellent. Thanks Matt. Thanks Bettina. And now I'll bring Luke onto the stage. Hey Luke. So you headed up the development for the Puma project for Formidable. Now how did you approach this mammoth task?

- Yes, indeed we did and awesome. Yeah, it was quite the task. So this all started in late 2020 I believe when Puma asked Formidable for a proof of concept. And I think they really wanted to see what the latest and greatest in content management and front end were. So I guess almost instinctively we reached out for Sanity and Next.js is those two components to help get us started there. - That's the obvious choice.

- Obvious choice indeed, yes. So I guess we were especially excited to use Sanity because it boasts almost unlimited flexibility and has a lot of useful features out the box still anyway. We knew Sanity encourages structured data and I think structured data was aligned with where the business wanted to eventually be. So that all worked out. - And so how do you take the structured content as data approach to all of that existing data?