Breakthrough Experiences with PWA at #MM21IN

Transcript

1. Beyond Performance: Breakthrough Experiences with PWA
2. Eric Erway Senior Manager, Product Management Magento Commerce at Adobe @ericerway
3. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Current state of Magento 2, Adobe and key themes for 2021 based on 2020 research. Learn about breakthrough experiences beyond performance and PWA. Find out the latest on PWA Studio, Venia and how you can get started. 1 2 3 Key takeaways for today…
4. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Current state of Magento 2 with Adobe 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
5. What we learned from the 2020 holiday season
6. ©2020 Adobe. All Rights Reserved. Adobe Confidential. What we learned from the 2020 holiday season (Adobe) § Online shopping is now the norm § Contactless shopping trended during the holidays § Search engines drove a big portion of retailer’s site traffic and revenue § Smartphones surpassed the halfway point for the first time
7. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Search engines were a primary driver of traffic § Search accounted for 45% of both visits and revenue during the holiday season. Paid search traffic was slightly more effective in generating revenue than organic search.
8. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Smartphones continue their steady increase § In November and December, 40% of revenue came from smartphones in line with the long- term trend that had suggested around 41% for this holiday season. • $23B more was spent on smartphones this year during the holiday season. • On Christmas Day retailers saw 52% of online spend come from smartphones
9. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Conversion gap continues with smartphones § Despite the increase in visits, Smartphones remain the device with the lowest conversion seeing a 15% increase year over year, 1.77% to 2.04% (3.0% all devices) Smartphones (2.04%)
10. Breakthrough experiences
11. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Core Customer Journey of Digital Commerce § Breakthrough experiences are more than just performance and go beyond the engage, select purchase experiences of the customer journey. PWA and web capabilities are already available.
12. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Discover experience with search and Core Web Vitals (2021)
13. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Engage experience with Product Recommendations and 3D/AR/VR
14. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Select experience with PWA Studio and Venia shopping carts
15. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Today’s web capabilities are breakthrough experiences tomorrow • Geolocation API (96%) • Service Workers (95%) • Payment Request API (92%) • Filesystem API (93%) • Web Authentication API (87%) Source: Caniuse (January 2021) • Push API (77%) • Vibration API (77%) • Bluetooth API (71%) • WebXR Device API (69%) • BarcodeDetector API (68%) • Badging API (68%) • Screen Wake Lock API (62%) • Web Share API (62%) • ContactsManager API (41%) 1
16. Other experiences
17. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Merchant experience with Page Builder, PWA Studio and Venia (M2.3.4+)
18. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Designer experience with Adobe XD, PWA Studio and Venia (Concept)
19. Product updates for PWA Studio and Venia
20. ©2020 Adobe. All Rights Reserved. Adobe Confidential. PWA Studio and Venia completion remains top priority in 2021
21. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Current adoption of PWA Studio and Venia Magento stores built using PWA Studio; 184+ examples via BuiltWith Known extensions and themes supporting PWA Studio to date 77+ 30+ 200+ Contributors for PWA Studio to date including two maintainers. 2300+ Members in our Magento Community #pwa channel
22. ©2020 Adobe. All Rights Reserved. Adobe Confidential. Current roadmap for PWA Studio + Payment support (PayPal, check, MO) ⚡ + Admin integration ⚡ + Venia features - My Account (Phase 2) ⚡ - Inventory options - Product compare - In-store pickup - Ratings and reviews + AEM integration with Storefront ⚡ + AI-powered site search (Live Search) + Performance optimizations (ongoing) ⚡ 1H’21 + Venia features: - My Account (Phase 1) ** - Currency switcher ** - Multi-locale ** + Multi-store support ⚡ + Lighthouse improvements ⚡ + GraphQL support (M2.4.2+) ** ⚡ + Performance and quality ⚡ + Extensibility improvements ** Roadmap subject to change due to market needs and business priorities. In Progress Backlog Planning + Venia features - Mega-menu (desktop) ⚡ - Additional product types - Product Recommendations ⚡ - Accessibility improvements ⚡ + PWA enhancements - Offline enhancements - Push notifications + Cloud optimizations ⚡ + SSR improvements ⚡ + Scaffolding improvements 2H’21
23. ©2020 Adobe. All Rights Reserved. Adobe Confidential. 23 PWA Studio highlights in Magento 2.4.1/2.4.2 Version 8.0.0 (October 2020) [+] Upgrade to Apollo Client 3 [+] Updated mini-cart for Venia [+] Additional style guide for Venia [+] Over 100 quality and performance updates Version 9.0.0 (February 2021) [+] Localization and internationalization [+] Extensibility improvements [+] My Account (Phase 1) [+] Over 90 quality and performance updates