Agile ecommerce that's runway ready

Transcript

1. 1 Agile Ecommerce that is Runway Ready How Victoria Beckham Beauty delivered a fast and flexible digital customer experience on the JAMstack 11 Feb 2019
2. 1. This webinar is being recorded 2. Please type your questions into the question box; we will answer them after the presentation 3. Get in touch with us at team@contentfulmail.com Housekeeping 2
3. Speakers 3 Amelia Winger-Bearskin Developer Evangelist Contentful Young Lee Chief Customer Officer Victoria Beckham Beauty Bhavana Srinivas Senior Solutions Architect Netlify
4. 4 • E-commerce at Scale • Contentful Best Practices - JAMstack Solution • Victoria Beckham Beauty Case Study • Netlify Best Practices - JAMstack Solution • Q&A Agenda 4
5. E-commerce at scale has changed forever 5 Cloud-based, modular architectures have become the standard for building digital products Suites Stacks vs. Marketing Cloud Monoliths MONOLITHS MICROSERVICES
6. 6 JAMstack JavaScript, APIs and Markup! 6
7. Modernizing your content operations drives business results 7 Faster launches Free content from silos, reuse it across sites & channels (+devs love it) Better SEO & CX increase traffic and engagement Increased relevance improves revenue and retention Speedier sites & apps Higher conversion rates
8. 8 Unleash your team to build digital products, fast 8 APIs JSON Structured content Reuse and repurpose content, independent of channel or language Composable stack, connected to other platforms, at cloud scale Integrate with digital delivery workflows for launch & optimization Decoupled architecture Agile workflows
13. Where We Started 13 Where We Started • Shopify, as our e-commerce platform, could not fulfill 100% of our needs on the content and community, interactive experience • Realized we needed more but only had 3 months left until launch the new brand • Highest demand in our tech stack without the desire to “own” the infrastructure 1
14. How We Modernized 14 Where We Started • Shopify, as our e-commerce platform, could not fulfill 100% of our needs on the content and community, interactive experience • Realized we needed more but only had 3 months left until launch the new brand • Highest demand in our tech stack without the desire to “own” the infrastructure 1 How We Modernized • Build a Content site and Headless Commerce site as single page apps • Fully organic and evolving content/media model with Contentful • Fast pageloads to the customer globally (Netlify Enterprise CDN) • Powerful development and deploy tools made easy in the Netlify platform 2
15. Our Results 15 Where We Started • Shopify, as our e-commerce platform, could not fulfill 100% of our needs on the content and community, interactive experience • Realized we needed more but only had 3 months left until launch the new brand • Highest demand in our tech stack without the desire to “own” the infrastructure 1 How We Modernized • Build a Content site and Headless Commerce site as single page apps • Fully organic and evolving content/media model with Contentful • Fast pageloads to the customer globally (Netlify Enterprise CDN) • Powerful development and deploy tools made easy in the Netlify platform 2 Improve Speed and Performance • Weeks if not months to not break the live site, but now can change the content infrastructure easily and quickly with Contentful in as short as 1-week sprints • Zero downtime during initial launch and through the holiday season with the new content infrastructure 3
16. We launched Victoria Beckham Beauty and people love it! We launched Victoria Beckham Beauty and people love it!
17. Customers love the product, 5 star average rating! Customers love the product, 5 star average rating!
18. Customers are excited to share the brand
20. Building on the JAMstack
21. Monolithic architecture BROWSER CDN LD BALANCER WEB SERVERS APP / DB JAMstack architecture BROWSER CDN Markup deployed to edge at build time. API Called from browser. Browser is the run time. JAMstack vs Monolithic architecture
22. JAMstack Ingredients CONTENT SOURCE BUILDING THE SITE HOSTING PROVIDER + +
23. JAMstack Ingredients HEADLESS CMS FRONTEND FRAMEWORK / TEMPLATES STATIC SITE GENERATOR BUILD AND HOST
24. TRIGGER BUILDS ON NETLIFY BUILD INFRASTRUCTURE DEPLOY STATIC SITE ON NETLIFY GLOBAL ADN CODE CHANGE BUILD WEBHOOKS CONTENT CHANGE BUILD WEBHOOKS CONTENT EDITOR USING HEADLESS CMS DEVELOPER WORKING IN GIT Workflows
25. How to get started with Netlify and Contentful Corporate Site, Marketing Site Landing Pages and Campaigns Ecommerce 1 2 3 MORE THAN 1MM DEVELOPERS AND EDITORS USE CASES FLEXIBLE PLATFORM Premium Support High Performance Large Teams Global Scale
26. 26 Q&A For more information visit: www.netlify.com www.contentful.com