Composable Commerce with Magento and Adobe at #MAConnect

Transcript

1. Composable Commerce with Magento and Adobe
2. Eric Erway Group Product Manager Merchant and Shopping Experience Adobe Commerce @ericerway
3. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Current state of merchant and shopping experiences. Why Composable Commerce is important for merchants, partners and developers. How you can get started with Composable Commerce, headless and PWA today. 1 2 3 Key takeaways for today…
4. Current state of Merchant and Shopping experiences
5. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Current state of Magento and Adobe Commerce Improving the developer experience Adapting for the mobile-first economy Optimizing for speed and need for change Extending for dynamic superior experiences Empowering merchants and business users
6. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Comparing merchant and shopping experiences Previous experiences Current experiences Full-stack knowledge required time and attention for developers to build and maintain Not 100% prepared for today’s mobile-first shoppers and post-pandemic economy Implementation can often take months versus weeks. Limited to “templated” approach for merchants and marketers Separate workflows for content and authoring with commerce Fully extensible, components-based and flexible with components and basic functionality Headless and mobile-first; lightning fast, optimized for SEO, security and best practices Product ready, easy to setup and configure; ready to launch in 30 days with rapid time to value Continuous innovation through dynamic digital experiences available anytime, anywhere. Rich content and authoring supporting full suite of Adobe capabilities; easy to learn and manage
7. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Customer journeys are the experience in Digital Commerce Source: Gartner
8. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Evolution of Magento and Adobe Commerce from traditional to headless Frontend / Content Magento 2.3+ - Frontend** - APIs (GraphQL) - Backend Magento 2.0+ - Frontend - APIs (REST) - Backend Frontend / Content Magento 2.3+ AEM 6.5+ - Backend - Backend API (GraphQL) Traditional Decoupled Headless
9. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Managing customization by complexity and business needs 9 Simple implementations • Used or created simple default themes • Customized function and UX via configuration • Minimal number of extensions Complex implementations • Complicated user experience needs • Customization of business logic and use of APIs • Heavy use of extensions Simple Complex Developer Business Customization
10. ©2020 Adobe. All Rights Reserved. Adobe Confidential. PWA Studio and Venia address these business needs
11. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Product adoption of PWA Studio and Venia Magento stores built using PWA Studio; 214+ examples via BuiltWith (April 2021) Known extensions and themes supporting PWA Studio to date 100+ 30+ 200+ Contributors for PWA Studio to date including two (2) maintainers. 2400+ Members in our Magento Community #pwa channel
12. What is Composable Commerce?
13. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Overview of Composable Commerce Digital commerce platforms are experiencing ongoing modularization in a cloud-native, multi- experience world. Application leaders responsible for digital commerce should prepare for a “composable” approach using packaged business capabilities to move toward future- proof digital commerce experiences. Source: Gartner
14. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Headless with Composable Commerce in Customer Journeys 14 Frontend / Content Magento 2.3+ AEM 6.5+ - Backend - Backend API (GraphQL) Headless Source: Gartner
15. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Composable Commerce with Product Recommendations
16. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Composable Commerce with Shopping Cart
17. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Today’s web capabilities bring Composable Commerce tomorrow • Geolocation API (97%) • Service Workers (96%) • Payment Request API (93%) • Filesystem API (94%) • Web Authentication API (88%) • Vibration API (79%) • Push API (78%) • Web Share API (76%) • Bluetooth API (72%) • Badging API (72%) • WebXR Device API (71%) • BarcodeDetector API (69%) • Screen Wake Lock API (64%) • ContactsManager API (41%) 1 Source: Caniuse (April 2021)
18. Getting Started with Composable Commerce
19. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Composable Commerce allows you to think big and start small Business planning is essential § Review your current store and business needs § Establish goals and objectives § Consider people, process, technology § Plan for Magento 2.3+ Testing and enablement § Learn React, GraphQL fundamentals § Start prototyping with PWA Studio and Venia § Explore A/B testing strategies § Monitor your performance 19
20. ©2020 Adobe. All Rights Reserved. Adobe Confidential. 20 Current releases for PWA Studio and Venia Version 9.0.0 (February 2021) [+] Localization and internationalization [+] Extensibility improvements [+] My Account (Phase 1) [+] Over 90 quality and performance updates Version 10.0.0 (April 2021) [+] Desktop optimization with Mega-Menu [+] Payments – Check and Money Order [+] Multi-store support [+] Performance improvements
21. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Key takeaways for Composable Commerce It’s time for Composable Commerce § Look beyond apps and gaps. Start planning today and establish goals. § Start prototyping with GraphQL and PWA today. Composable Commerce is more than a buzzword § Merchants, partners and developers are using Composable Commerce with Magento, Adobe Commerce and AEM. Get involved with the community § Our team is everywhere. Please reach out with any questions, feedback and help us shape the future together. § Find out more at pwastudio.io and join the conversation every week and on Slack