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/

1. 0
PWAFuture of Mobile Commerce

2. CEO – Codilar Technologies.
Presented By
Hashid Hameed
/in/hashid/ /hashid_hameed
1

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. The 90s
3

5. The 90s
4

6. The 90s
5

7. 2006 – (SPAs)
6

8. somewhere in between - WAP
7

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. Era of Mobile
9
Responsive
Web Design
Native Mobile
Apps

11. Mobile Site Limitations
 Poor UX
 Full Page Load
 No Smartphone Features
 Desktop-First Approach
10

12. Native App Limitations
 Downloads & Updates – Deal breaker
 Resource Usage
 High Cost of Dev & Maintenance
 No Guarantee of Acceptance
11

13. Native App
High Capability
87%of time spent on mobile
is on native apps
12

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. Mobile Site
High Reach
49%of internet traffic is
on mobile
14

16. Mobile Site
High Reach
49%of internet traffic
is on mobile
15
Mobile Site Conversion is almost half of Mobile App

17. Reach vs Capability
16

18. 17
Capability

19. 18
Capability
Reach

20. 19
Capability
Reach
PWA

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. 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. 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. 23

25. 24

26. 25

27. 26

28. 27

29. 28

30. 29

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. 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. 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. Service Workers
33

35. Request Flow
34
Web serverApplication
Service Worker

36. Cache – Powering Offline
35
Application Web serverService worker
Client side proxy written
in JavaScript
Online
Cache
Offline

37. Immortal
• Runs in a different thread than Browser
• Runs even if browser is closed
36
Push NotificationBackground Sync

38. Headless Architecture
37
FrontendBackend
API

39. PWA for Magento
38

40.  Magento PWA Studio
 Vue Storefront
 Deity
 Scandi PWA
39

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. Reach
41

43. 1.7B
42
1B 1B
User UserUser
monthly mobile monthly mobile monthly mobile

44. Acquisition
43

45. User Acquisition Cost
44
Mobile WebAndroid App
$4.5
$0.4

46. Google Mobile First Index
45
From the beginning of 2018, Google is changing its indexing to be Mobile-
First

47. 50%
46
of new customer acquisition is driven by PWA
60% of PWA visitors previously uninstalled the native
app

48. Conversion
47

49. 2x more
48
Page views
74% increase
in time spent
104% more
conversions

50. 49
500%
more conversion rate on mobile
Source: PWAstats.com, Treebo Official Blog

51. 3x more
50
conversion
s
38% increase
in load speed

52. 51
Lower acquisition
costs
Improve
conversion
Increase potential
reach

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. 53

55. By 2020, PWAs will replace 50%
of consumer facing apps - Gartner
54

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)