Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Webinar: Progressive Web Applications - Future of Mobile Commerce | APPSeCONNECT

278 views

Published on

Progressive Web Applications (PWAs) are mobile apps that are built using common technologies like HTML, CSS and JavaScript and are delivered through the web. These apps are designed to work on any platform and provide functionalities like push notifications, offline working and device hardware access.

We recently organized a #Webinar titled Progressive Web Applications (PWAs) - The Future of Mobile Commerce. The webinar will be co-presented by Codilar Technologies Pvt Ltd.

#ProgressiveWebApp #PWA #MobileCommerce #Mobile

Check out the Webinar Recap!

Integrate your line of business applications under one single platform today: https://www.appseconnect.com/integrations/

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Webinar: Progressive Web Applications - Future of Mobile Commerce | APPSeCONNECT

  1. 1. 0 PWAFuture of Mobile Commerce
  2. 2. CEO – Codilar Technologies. Presented By Hashid Hameed /in/hashid/ /hashid_hameed 1
  3. 3. Index  Evolution of Web (App)  Web vs Native – The Problem  PWA – The saviour  Live Demo  Benefits  How it works  Importance  Who is using 2
  4. 4. The 90s 3
  5. 5. The 90s 4
  6. 6. The 90s 5
  7. 7. 2006 – (SPAs) 6
  8. 8. somewhere in between - WAP 7
  9. 9. Overview  Evolution of Web (App)  RWD vs Native – The Problem  PWA – The saviour  Live Demo  Benefits  How it works  Importance  Who is using 8
  10. 10. Era of Mobile 9 Responsive Web Design Native Mobile Apps
  11. 11. Mobile Site Limitations  Poor UX  Full Page Load  No Smartphone Features  Desktop-First Approach 10
  12. 12. Native App Limitations  Downloads & Updates – Deal breaker  Resource Usage  High Cost of Dev & Maintenance  No Guarantee of Acceptance 11
  13. 13. Native App High Capability 87%of time spent on mobile is on native apps 12
  14. 14. Native App High Capability 87%of time spent on mobile is on native apps 13 49% of smartphone users install ZERO apps per month - Comscore
  15. 15. Mobile Site High Reach 49%of internet traffic is on mobile 14
  16. 16. Mobile Site High Reach 49%of internet traffic is on mobile 15 Mobile Site Conversion is almost half of Mobile App
  17. 17. Reach vs Capability 16
  18. 18. 17 Capability
  19. 19. 18 Capability Reach
  20. 20. 19 Capability Reach PWA
  21. 21. Overview  Evolution of Web (App)  RWD vs Native – The Problem  PWA – The saviour  Live Demo  Benefits  How it works  Importance  Who is using 20
  22. 22. Features 21  App Like Interface  Super Fast  Works Offline  Low Data Usage  Almost Zero Resource  Add to Home Screen  Auto Background Update  Multi-Platform  Discoverable (Index. Search. Share)
  23. 23. Overview  Evolution of Web (App)  RWD vs Native – The Problem  PWA – The saviour  Live Demo  Benefits  How it works  Importance  Who is using 22
  24. 24. 23
  25. 25. 24
  26. 26. 25
  27. 27. 26
  28. 28. 27
  29. 29. 28
  30. 30. 29
  31. 31. Overview  Evolution of Web (App)  RWD vs Native – The Problem  PWA – The saviour  Live Demo  Benefits  How it works  Importance  Who is using 30
  32. 32. Benefits  Enhanced Customer Experience  Increase in Average Order Value  Up to 5 X Boosted Conversion on Mobile  Improved SEO  Single Code for Desktop & Mobile  Higher Talent Availability  Freedom to Deploy 31
  33. 33. Overview  Evolution of Web (App)  RWD vs Native – The Problem  PWA – The saviour  Live Demo  Benefits  How it works  Importance  Who is using 32
  34. 34. Service Workers 33
  35. 35. Request Flow 34 Web serverApplication Service Worker
  36. 36. Cache – Powering Offline 35 Application Web serverService worker Client side proxy written in JavaScript Online Cache Offline
  37. 37. Immortal • Runs in a different thread than Browser • Runs even if browser is closed 36 Push NotificationBackground Sync
  38. 38. Headless Architecture 37 FrontendBackend API
  39. 39. PWA for Magento 38
  40. 40.  Magento PWA Studio  Vue Storefront  Deity  Scandi PWA 39
  41. 41. Overview  Evolution of Web (App)  RWD vs Native – The Problem  PWA – The saviour  Live Demo  Benefits  How it works  Importance  Who is using 40
  42. 42. Reach 41
  43. 43. 1.7B 42 1B 1B User UserUser monthly mobile monthly mobile monthly mobile
  44. 44. Acquisition 43
  45. 45. User Acquisition Cost 44 Mobile WebAndroid App $4.5 $0.4
  46. 46. Google Mobile First Index 45 From the beginning of 2018, Google is changing its indexing to be Mobile- First
  47. 47. 50% 46 of new customer acquisition is driven by PWA 60% of PWA visitors previously uninstalled the native app
  48. 48. Conversion 47
  49. 49. 2x more 48 Page views 74% increase in time spent 104% more conversions
  50. 50. 49 500% more conversion rate on mobile Source: PWAstats.com, Treebo Official Blog
  51. 51. 3x more 50 conversion s 38% increase in load speed
  52. 52. 51 Lower acquisition costs Improve conversion Increase potential reach
  53. 53. Overview  Evolution of Web (App)  RWD vs Native – The Problem  PWA – The saviour  Live Demo  Benefits  How it works  Importance  Who is using 52
  54. 54. 53
  55. 55. By 2020, PWAs will replace 50% of consumer facing apps - Gartner 54
  56. 56. Thank You! For App Integration or B2B Ecommerce Solution, reach out to us at sales@appseconnect.com Hashid Hameed CEO, Codilar (hashid@codilar.com)

×