SlideShare a Scribd company logo
PROGRESSIVE WEB
APPLICATIONS
Expanding Future Mobile Commerce With Magento PWA Studio
SPEAKER
MALLIKA VERMA
Senior Software Developer, CedCommerce
2
in/mallika-verma-a3178890 /MallikaVerma15
PATRICK TOOTHAKER
Senior Product Marketing Manager, Magento Commerce
/in/ptoothaker /ptoothaker
GUEST
EXPANDING FUTURE MOBILE COMMERCE WITH MAGENTO PWA STUDIO
“ INDEX
● Why PWA Studio Is An Effective Solution ?
● Mobile Revolution : The Evolution of PWA
● Wiping Deficiencies Of Webapps By PWA
● PWA is The Future Of Mobile Commerce
● PWA Featured Website : Examples
● A Case Study (Alibaba)
● How PWA Benefits Your Ability To Boost Your Business
● Contribution Of Magento To PWA
● Contribution of CedCommerce for Magento PWA Studio
WHY
PWA STUDIO
IS AN
EFFECTIVE SOLUTION ?
IN THIS ARTICLE
YOU’LL FIND OUT:
● What are Progressive Web Apps ?
● Result after implementing PWA to
ecommerce store.
4

Recommended for you

E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey

Rowan Merewood Developer Advocate Google Accelerated Mobile Pages (AMP) HTML delivers outstanding page-load performance for users browsing content on the mobile web, which is hugely important on limited or flaky networks. Progressive Web Apps deliver reliable performance for re-visits to sites thanks to Service Workers and allows unprecedented engagement via push notifications and Add To Homescreen. AMP gets content in front of users fast – PWAs enable rich experiences and engagement. What if I told you there’s a way to utilize the unique power of both? To build a web experience that loads in an instant and upgrades you to maximum interactivity and engagement? We’re making it happen. Come to learn how.

ampaccelerated mobile pagespwa
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...

Agenda: Cloud Portal Overview Cloud Portal Technology Cloud Portal Scenarios Cloud Portal Roadmap Summary Q&A

sap hana cloud platformcloud portalhana cloud applications
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy

A progressive web application is a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. It is intended to work on any platform that uses a standards-compliant browser.

pwawebappswebsite
WHAT IS PWA ?
Progressive Web Apps are user experiences that can behave
as a web page and native mobile app at the same time.
5
PWA sounds like a completely new platform, but it’s not; it’s a convenient term for a handful of new browser features and design patterns. So it’s an
evolution of Web development, much like "Responsive" has been.
“
”
~ James Zetlen
ENGAGING FAST RELIABLE
6
PUSH NOTIFICATION ON PWA
PUSH NOTIFICATION
Just like a Native App, now even PWA is enriched
with the feature of PUSH NOTIFICATION
PUSH NOTIFICATION are more used for marketing
and Customer Engagement purpose
7
PWA RESULTS ARE OUT FROM THE TOP BRANDSCUSTOMERTRAFFIC
(REACH)
CUSTOMER ENGAGEMENT
WEB APP
NATIVE APP
8
MOBILE
REVOLUTION
THE EVOLUTION OF PWA
What Created The Need Of Pwa ?
IN THIS ARTICLE
YOU’LL FIND OUT:
● Evolution of Progressive Web App
● Characteristics of Progressive Web
App

Recommended for you

Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)

Progressive web apps (PWAs) are experiences that combine the best of the web and mobile apps. They load quickly, work offline, and feel like native mobile apps. The key aspects of PWAs include service workers for offline functionality, app shells for fast loading, and manifest files for home screen capabilities. PWAs use caching strategies and service workers to load from the cache first for offline access, then request updates from the network as needed. This provides a better user experience than online-first solutions which require network connectivity.

Headless - the future of e-commerce
Headless - the future of e-commerceHeadless - the future of e-commerce
Headless - the future of e-commerce

The document discusses headless e-commerce websites and microservice architectures. It explains that headless websites separate the front-end from the back-end, with the two communicating through an API. This modular approach allows each component to be developed and updated independently. The document also outlines some of the benefits this architecture provides for developers and merchants, such as faster development, more flexibility, and lower costs.

headlessmagentomicroservice
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps

Progressive Web Apps (PWAs) are web applications that use modern web capabilities to deliver native app-like experiences to users. PWAs work across platforms and can be installed by users. They are built using service workers, web app manifests, and other modern web technologies. PWAs provide fast loading, engage users with new features like push notifications, and offer an app-like user experience without limiting users to a single platform.

pwasmg
EVOLUTION OF PWA
9
Server Side Pages
● Server Side Programming like PHP, JSP and others.
● The Dynamic Information you want to show will be fetched
from the Database.
● HTML Pages are prepared on basis of some templates.
EVOLUTION OF PWA
10
Ajax
● The Actions are requested as Asynchronous API calls.
● The page generation is still server-based on some templates
and are sent as HTML responses.
EVOLUTION OF PWA
11
Single Page App (SPA)
● Bringing in the concept of AJAX all over the application,
Front-End renders the required pages providing the required
data over API calls.
● Most of the views are loaded initially and upon navigation just
the data loads.
Single Page Apps (MBaaS)
Mobile Backend as a Service allows Front-End to interact with Data source just by using their sdk.
EVOLUTION OF PWA
12
● Service Worker : A proxy that is
between application code and
network.
● Service Worker decides whether to
serve the cached response or to hit
fresh request and serve response.
● PWA makes users feel web apps as a Real Mobile
App.
● With amazing user experiences, loads the app
instantly.
● Regardless of the network state, it works even in
offline mode.
Progressive Web Apps (PWA)

Recommended for you

Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx

Progressive Web Apps (PWAs) provide an app-like user experience through the use of features like service workers, web app manifests, and push notifications. They load instantly, work offline, and can be installed on the home screen without an app store. Service workers act as a proxy to cache resources, enabling fast and reliable performance even in uncertain network conditions. PWAs are responsive across devices and browsers, and feel natural on each platform due to their immersive, app-like interfaces.

pwaprogressivewebappweb
PWA demystified
PWA demystifiedPWA demystified
PWA demystified

Progressive Web Apps (PWAs) are websites that use recent web standards to deliver an app-like experience without requiring users to download an app. PWAs work across any device, use responsive design for any screen size, and work offline or on low quality networks using service workers. They also feel like native apps through features like push notifications, being discoverable on search engines and home screen installation. PWAs provide a number of benefits including improved user experience through fast loading, engagement through push notifications, and business value through increased customer engagement and conversions.

#pwa#technology#commerce
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps

Progressive Web Apps consist of a new palette of technologies such as the Web App Manifest, homescreen install support, Service Workers and the app shell. These bridge the gap between native and web apps offering new capabilities for web developers to create amazing desktop and mobile experiences.

installable web-appspwaapp-shell
CHARACTERISTICS OF PWA
13
PROGRESSIVE RESPONSIVE CONNECTIVITY SECURE
INSTALLABLE LINKABLE
LOW DATA
COMMITMENT
DISCOVERABLE
14
WIPING
DEFICIENCIES
OF WEB APPS BY
PWA
IN THIS ARTICLE
YOU’LL FIND OUT:
● New Aspect of PWA over other
Web Apps
● PWA, a new choice of Customer
15
DEFICIENCIES OF WEB APP BY PWA
● Slow
● Low Engagement Rate
● Shabby User
Experience
● Difficult for
Non-Technical Person
to Manage
● Launched by Browser
● Work only on Online
Mode
WEB
APPS
PWA ● Fast
● High Engagement Rate
● Attractive User
Experience
● Accessible to all creators,
and is very Easy to
Manage
● Add Icon to Home Screen
● Can even work in Offline
Mode
16
FLAWS OF NATIVE APPS
● Lengthy Downloading
Process
● No Flexibility
● Expensive Development
Process
● Time Consuming
Development Process
● Native Apps Require
Frequent Upgrades

Recommended for you

Next Generation Mobile Web - PWA (Progressive Web App)
Next Generation Mobile Web  - PWA (Progressive Web App)Next Generation Mobile Web  - PWA (Progressive Web App)
Next Generation Mobile Web - PWA (Progressive Web App)

Progressive web apps (PWAs) are web applications that have responsive designs, work offline, and can be installed on home screens. PWAs have key features like being responsive across devices, working offline through service workers, being discoverable through web app manifests, always being up-to-date, and allowing push notifications and app-like interactions. PWAs provide a faster web experience for customers compared to regular websites, improving conversion rates and revenue. They allow reaching customers who may not install a native mobile app.

progressive web appmobile webpwa
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)

Progressive Web App (PWA) is a term used to denote web apps that use the latest web technologies. Progressive web apps are technically regular web pages (or websites) but can appear to the user like traditional applications or (native) mobile applications. This new application type attempts to combine features offered by most modern browsers with the benefits of mobile experience.

pwaresponsiveprogressive webapp
Google Cloud Developer Challenge - GDG Belgaum
Google Cloud Developer Challenge - GDG BelgaumGoogle Cloud Developer Challenge - GDG Belgaum
Google Cloud Developer Challenge - GDG Belgaum

The document discusses Google App Engine and Google Cloud Platform. It provides an overview of App Engine's capabilities including easy scaling, high availability, and reduced need for system administration. It also introduces several Google Cloud services like Compute Engine, Cloud Storage, Cloud SQL, Cloud Datastore, and others. It highlights how App Engine can be used to build mobile backends and discusses popular use cases. Overall it promotes App Engine and Google Cloud Platform for developing and hosting scalable web and mobile applications.

cloud contestcloud challengegoogle
17
PWA IS THE
FUTURE OF
MOBILE COMMERCE
IN THIS ARTICLE
YOU’LL FIND OUT:
● Points for customer to shift
from Native app / Web app to
PWA
● Industry Adoption of PWA
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
“By 2020, progressive web
apps will have replaced 50%
of general-purpose,
consumer-facing mobile
apps”
“
“PWAs aren’t simply a new thing
to build – they’re the paradigm
that will drive performance,
efficiency, and better overall web
development habits in your
organization”
“
” 18
19
PWAs SUPPORT THE DIGITAL COMMERCE LIFECYCLE
“
PWA FEATURED WEBSITES
SOME REAL WORLD
EXAMPLES OF PWA
IN THIS ARTICLE
YOU’LL FIND OUT:
● Store that are Running a
Successful PWA
● Case Study : AliExpress

Recommended for you

An introduction to Progressive Web Apps
An introduction to Progressive Web AppsAn introduction to Progressive Web Apps
An introduction to Progressive Web Apps

The slides from Kevin Farrugia's presentation for MaltaJS on Progressive Web Apps. Date: 05/03/2016

mobile application developmentwebsiteprogramming
Proven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testersProven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testers

Slides from my session for Agile Testers Conference 2018 https://www.crowdcast.io/e/agile-testers-conference-2018

progressive web appsresponsive webmobile
Progressive web app
Progressive web appProgressive web app
Progressive web app

Progressive Web App New Web Technology for the Mobile User Which work on Poor Data Connection and It Will Work With Simple Manifest File Or with use of Service Workers. It Feel Like Mobile App to the user.

internetnew mediaphp
21
STORES RUNNING A SUCCESSFUL PWA SOLUTION
Treebo
4x in Conversion rate
1.5sec Page Load Speed on Mobile
Uber
PWA was designed to efficiently work on Weak
Network Area
Takes less than 3sec to load over 2G Network
Forbes��
2.5sec Page Load Speed on Mobile
20% in Impression
Twitter
65% in Pages Per Session
75% in Tweets sent
20% in Bounce Rate
MakeMyTrip
3X in Conversion rate
38% improvement in page Load Times
160% in shopper Sessions
HOW PWA
HELPED ALIBABA
TO GROW MORE
INTO ECOMMERCE
22
CASE
STUDY
JOURNEY WITH PWA
23
CASE STUDY : ALIBABA.COM
Alibaba.com increases Conversions on the mobile
web by 76% with Progressive Web App
Alibaba.com is the world’s largest online
Business-to-Business (B2B) trading platform, serving
200+ countries and regions.
14% more monthly active users on iOS;
30% on Android
4X higher interaction rate from Add To Homescreen
“ YOUR ABILITY TO
BOOST YOUR
BUSINESS
IN THIS ARTICLE
YOU’LL FIND OUT:
● PWA Benefits
● Benefits for Merchant
● Benefits for Developer
HOW PWA BENEFITS

Recommended for you

Progressive web application
Progressive web applicationProgressive web application
Progressive web application

PWA stands for progressive web application. Progressive web applications are web applications that use features like manifest files, service workers and responsive design to provide app-like functionality regardless of device or platform. Some key features of PWAs include being responsive, working offline or on low quality networks, having a native app-like feel, being installable and being re-engageable through features like push notifications. PWAs allow developers to provide app-like experiences without having to develop native mobile applications.

Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps

Presentation for our collegue's about the use of Progressive Web Apps. With Application Shell, Service Workers, Web App Manifest and Push.

javascriptprogressivewebappsgoogle
Progressive web application considerations before implementing magento pwa ...
Progressive web application   considerations before implementing magento pwa ...Progressive web application   considerations before implementing magento pwa ...
Progressive web application considerations before implementing magento pwa ...

In this presentation, we'll be having deep run-through over the points you must consider before moving and implementing PWA in your business. This will be covering points that are as follows. - Select Right Technology - Evolve Business with PWA - Convert Mobile App to PWA - Future contingency plan For more information, you may visit: http://bit.ly/2Scu8t3 Acquaint more by hearing from our experts: http://bit.ly/3b9sNvF

pwapwa magentopwa studio
BENEFITS OF PWA FOR BUSINESS
25
By 2020, Progressive Web Apps Will Have Replaced 50% Of The General Purpose Consumer Facing Apps
REMARKABLE SPEED
PWA is faster because of browser-level caching which is possible because of
SERVICE WORKERS, and provide a complete support also in OFFLINE MODE
CROSS-PLATFORM COMPATIBILITY
PWAs can run smoothly on almost all widely used mobile browsers. (Chrome,
Safari, Edge and Firefox). Hence, businesses don’t have to develop and maintain
apps for different platforms. Hence NO UPDATE Required
RESPONSIVE DESIGN
This will help in improving customer experience. The sites with responsive web
design will rank better search results as said by Google
PUSH NOTIFICATIONS
It increase ENGAGEMENT by up to 88%. Push notifications are important to to
keep customers informed about the latest deals, offers and order updates
26
Performance Engagement Cost Innovation
Built for speed first
PWA offer best in
class performance
Create fast and
engaging web
experiences that
adopt the capabilities
and best practices
from native mobile
apps
Lowers cost to the
business by unifying
customer experience
into a single
front-end application
PWAs represent the
next evolution in the
web experience.
Early adopters will
have a competitive
advantage
Metrics like:
• Load time
• First Contentful
Paint (FCP)
• Time to Interactive
Metrics like:
• Conversion
• Time on site
• Click Through rates
• Add to cart
Metrics like:
• Total cost of
ownership (TCO)
• Time to market
Metrics like:
• Gross merchandise
value (GMV)
• Conversion rates
• Customer
acquisition cost
BENEFITS OF PWA TO MERCHANTS
“CONTRIBUTION OF
MAGENTO TO PWA
IN THIS ARTICLE
YOU’LL FIND OUT:
● Magento contribution towards
PWA
● PWA Studio Features
● PWA Studio Libraries
● Venia Storefront
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Progressive Web Apps allow merchants
to improve conversion rates by delivering high performing,
engaging shopping experiences across all devices and browsers
through a modern web store.
PWA Studio, allows developers to use standardized tools to build,
deploy, and maintain Magento and Abobe-powered PWAs quickly
and cost effectively.
28

Recommended for you

9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development

Code Craft Crew is one of the most reliable Mobile App and website development company india catering to various industry verticals to help bring businesses online and scale them over the internet. Based in India, the company provides budget-friendly IT solutions without compromising the quality of delivered projects.

web development services in delhiwebsite development company india
PWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfPWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdf

Learn about Progressive Web Apps (PWAs) with real-time examples, checklists, and development frameworks in 2023. Discover the benefits and factors influencing PWA development costs. Read More: https://www.nevinainfotech.com/blog/progressive-web-apps-guide/

pwa developmentprogressive web apphire pwa developer
The importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJsThe importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJs

The web is a mix of ubiquity across devices and operating systems, making it the most incredible platform. Its user-centered security model and features like the implementation process controlled by a single company make it the best platform for software development. Its inherent linkability help users search and share what they have found from anywhere and to anyone. Whenever a user visits a website, they expect the site to be updated and enhanced user experience, which is possible with PWAs ReactJS web app development services using a single codebase.

reactjs web app development serviceshire reactjs developerreactjs website development company
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
29
peregrine
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
30
peregrine
• Brand new PWA storefront
• Desktop and mobile friendly
• Google Lighthouse optimized
• Functional component library
• Utilizes React hooks *NEW*
• Equivalent to “blank theme”
• Magento 2 connector (PHP)
• Cloud compatible (optimized)
• Also available for Node.js (JS)
• Build and development tools (“buildpack”)
• Venia sample data (M2.3+)
• Documentation and examples
• Developer sandbox for PWA (quickstart)
• Google Lighthouse “stack packs” [TBD]
Developer
Tools
(before optimization)
(optimized)
31
32
WHAT TECHNOLOGIES DOES PWA USE
UPWARD
Component
Library (Peregrine)
Venia-styled
components
Custom UI
components
Service Worker
Web App
Manifest
HTTPS
App Cache
API
GraphQL M2.3+
Backend
React
Redux
Node.js
Apollo
Webpack
Workbox
Sheila
(Shopper)

Recommended for you

Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce

PWAs are quick, function offline and can also perform like a conventional native application. This provides users with a positive experience. PWAs and Web Applications perform the same functions and are extremely comparable in many aspects. And since we’ve understood how trending they are in today’s time, PWA would definitely be a good choice for your company!

progressive web apps for e-commercee-commerceprogressive app
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018

This presentation cover below lists of points: What is Progressive Web App? Why PWA? What is Magento PWA Studio? Tools & Libraries used in PWA PWA Architecture Facts from PWA Case Study

pwamagento pwa studiomagento meetup ahmeadabad
PWA for PHP Developers
PWA for PHP DevelopersPWA for PHP Developers
PWA for PHP Developers

Progressive Web Apps are an emerging approach to solving the problem of having the Web, everywhere: different mobile devices, IoT devices, and areas with low bandwidth or poor connectivity. For developers accustomed to PHP and server-side rendering, there are several factors to consider. Drawing on our experiences working with Google to build a PWA development experience for Magento, this talk introduces the elements of PWA, the challenges of providing online+offline functionality, and the limitations of this nascent approach.

pwaweb
IN THIS ARTICLE
YOU’LL FIND OUT:
● CedCommerce Steps towards
Headless PWA
● CedCommerce developed
Theme for PWA
33
CONTRIBUTION OF
CEDCOMMERCE
FOR MAGENTO
PWA STUDIO
34
CEDCOMMERCE STEPS TOWARDS HEADLESS PWA
SOLUTION
● CedCommerce had started working on PWA Studio when it
was launched.
● Currently CedCommerce is working for clients to add other
eCommerce features on PWA Studio which are currently not
available.
This enhancement will increase our contribution for Magento.
● CedCommerce had also started developing its own THEME
based on Venia Concept.
● CedCommerce has focused on enhancing Home Page and
Designing Theme more Interactive.
● CedCommerce added Banner Slider Section, Trending
Products and Latest Products Section on Homepage
● CedCommerce also worked on Newsletter feature which will
help in increasing customer engagements.
35
MAGENTO CONTRIBUTION TOWARDS VENIA
STOREFRONT FOR PWA
HOMEPAGE
CATEGORY
PAGE
PRODUCT
PAGE
36
MAGENTO CONTRIBUTION TOWARDS VENIA
STOREFRONT FOR PWA
CART PAGE
CHECKOUT
ORDER
CONFIRMATION

Recommended for you

vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentationvue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation

Vue.js, mobile first, offline second eCommerce frontend, we're developing under MIT - http://vuestorefront.io. Become a contributor today - https://github.com/DivanteLtd/vue-storefront

pwavue.jsecommerce
PWA 101, what you need to know about ShopwarePWA
PWA 101, what you need to know about ShopwarePWAPWA 101, what you need to know about ShopwarePWA
PWA 101, what you need to know about ShopwarePWA

This document provides an overview of Progressive Web Apps (PWA) and Shopware PWA. It discusses how PWAs originated from efforts to make web apps first-class citizens. It outlines key benefits of PWAs like blazing fast performance, unrestricted creativity, and being made for enterprise-level e-commerce. The document then discusses what you need to know about Shopware PWA, including its stack, benefits of its frontend and API layer, and how building a project with Shopware PWA involves it being a separate application requiring specialized teams and investment.

shopwarepwaecommerce
Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa

Vue Storefront is an open source progressive web app (PWA) frontend for eCommerce that allows building fast eCommerce websites and apps without modifying the backend. It uses a headless architecture with a standalone frontend that communicates with backends via APIs. Vue Storefront provides native app-like features and performance across devices. It can integrate with any eCommerce backend through API adapters and has been used to build fast storefronts for Magento in as little as 20 days. Vue Storefront's reusable components allow for quick development and theming without modifying the core codebase.

ecommerce pwaecommercemagento2
2.71 BillionSmartphone Users Around The World
37
PWA STATS FROM LIVE SCENARIO
80%
User Uninstalled App Within 1 Week
20%
Increase In Mobile Sales & Revenue
8%
Increase In Recovered Shopping Carts
50%
Increase In Customer Engagement
33%
Decrease In Development And Maintenance
68%
Increase In Mobile Traffic
2.5 Seconds
Is The Average Load Time For A Page
42.86%
Reduced Bounce rate, Compared to mobile website
DATA SOURCE : Appinstitute & Smashingideas
CEDCOMMERCE PRESENCE OVER THE WORLD
Our Office
38
HEADQUARTER
INDIA
3/460, First Floor,
Vishwas Khand,
Gomti Nagar, Lucknow,
Uttar Pradesh, 226010
CEDCOMMERCE OFFICE ADDRESS
SALES & MARKETING
USA
1812 N Columbia Blvd,
Suite C15-653026, Portland,
Oregon, 97217
UNITED KINGDOM
3rd Floor, St. George's House,
6 St George's Way, Leicester,
Leicestershire,
LE1 1QZ
MALAYSIA
Suite 20-01 & 20-02B, Level 20,
The Persiaran Lagoon Bandar Sunway,
Subang Jaya Selangor Darul Ehsan 47500
39
THANK YOU!
Any questions?
You can also contact us at www.cedcommerce.com
/CedCommerce /company/cedcommerce /CedCommerce support@cedcommerce.com

More Related Content

What's hot

Progressive Web Apps and React
Progressive Web Apps and ReactProgressive Web Apps and React
Progressive Web Apps and React
Mike Melusky
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016
Abdelrahman Omran
 
Pwa demystified
Pwa demystifiedPwa demystified
Pwa demystified
edynamic
 
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-Commerce Berlin EXPO
 
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...
SAP PartnerEdge program for Application Development
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
Sai Kiran Kasireddy
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
Zhentian Wan
 
Headless - the future of e-commerce
Headless - the future of e-commerceHeadless - the future of e-commerce
Headless - the future of e-commerce
Jamie Maria Schouren
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Software Infrastructure
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
Harish Karthick
 
PWA demystified
PWA demystifiedPWA demystified
PWA demystified
Pradeep Patel, PMP®
 
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps
Bill Stavroulakis
 
Next Generation Mobile Web - PWA (Progressive Web App)
Next Generation Mobile Web  - PWA (Progressive Web App)Next Generation Mobile Web  - PWA (Progressive Web App)
Next Generation Mobile Web - PWA (Progressive Web App)
Nuri Cahyono
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
NexThoughts Technologies
 
Google Cloud Developer Challenge - GDG Belgaum
Google Cloud Developer Challenge - GDG BelgaumGoogle Cloud Developer Challenge - GDG Belgaum
Google Cloud Developer Challenge - GDG Belgaum
sandeephegde
 
An introduction to Progressive Web Apps
An introduction to Progressive Web AppsAn introduction to Progressive Web Apps
An introduction to Progressive Web Apps
Kevin Farrugia
 
Proven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testersProven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testers
Perfecto Mobile
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
Deepak Upadhyay
 
Progressive web application
Progressive web applicationProgressive web application
Progressive web application
RavikantGautam8
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Optis
 

What's hot (20)

Progressive Web Apps and React
Progressive Web Apps and ReactProgressive Web Apps and React
Progressive Web Apps and React
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016
 
Pwa demystified
Pwa demystifiedPwa demystified
Pwa demystified
 
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
 
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...
SAP HANA Cloud - Virtual Bootcamp 6: SAP HANA Cloud and the use of the SAP HA...
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
 
Headless - the future of e-commerce
Headless - the future of e-commerceHeadless - the future of e-commerce
Headless - the future of e-commerce
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
 
PWA demystified
PWA demystifiedPWA demystified
PWA demystified
 
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps
 
Next Generation Mobile Web - PWA (Progressive Web App)
Next Generation Mobile Web  - PWA (Progressive Web App)Next Generation Mobile Web  - PWA (Progressive Web App)
Next Generation Mobile Web - PWA (Progressive Web App)
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
 
Google Cloud Developer Challenge - GDG Belgaum
Google Cloud Developer Challenge - GDG BelgaumGoogle Cloud Developer Challenge - GDG Belgaum
Google Cloud Developer Challenge - GDG Belgaum
 
An introduction to Progressive Web Apps
An introduction to Progressive Web AppsAn introduction to Progressive Web Apps
An introduction to Progressive Web Apps
 
Proven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testersProven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testers
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
 
Progressive web application
Progressive web applicationProgressive web application
Progressive web application
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 

Similar to [Webinar] Expanding future mobile commerce with Magento PWA Studio

Progressive web application considerations before implementing magento pwa ...
Progressive web application   considerations before implementing magento pwa ...Progressive web application   considerations before implementing magento pwa ...
Progressive web application considerations before implementing magento pwa ...
CedCommerce
 
9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development
codecraftcrew
 
PWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfPWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdf
Lucas Lagone
 
The importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJsThe importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJs
ReactJS
 
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
ShantanuApurva1
 
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
Bhavesh Surani
 
PWA for PHP Developers
PWA for PHP DevelopersPWA for PHP Developers
PWA for PHP Developers
Ben Marks
 
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentationvue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
Divante
 
PWA 101, what you need to know about ShopwarePWA
PWA 101, what you need to know about ShopwarePWAPWA 101, what you need to know about ShopwarePWA
PWA 101, what you need to know about ShopwarePWA
Sander Mangel
 
Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa
Divante
 
Top 10 Best PWA Development Tools and Technologies to Use.pdf
Top 10 Best PWA Development Tools and Technologies to Use.pdfTop 10 Best PWA Development Tools and Technologies to Use.pdf
Top 10 Best PWA Development Tools and Technologies to Use.pdf
Groovy Web
 
Building your own calendly using amazon app sync
Building your own calendly using amazon app syncBuilding your own calendly using amazon app sync
Building your own calendly using amazon app sync
Dhaval Nagar
 
Top 10 PWA Frameworks in 2020
Top 10 PWA Frameworks in 2020Top 10 PWA Frameworks in 2020
Top 10 PWA Frameworks in 2020
Devathon
 
Exploring pwa for shopware
Exploring pwa for shopwareExploring pwa for shopware
Exploring pwa for shopware
Sander Mangel
 
The Rise & Impact of PWA Adoption in 2024
The Rise & Impact of PWA Adoption in 2024The Rise & Impact of PWA Adoption in 2024
The Rise & Impact of PWA Adoption in 2024
Mars Devs
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
BasitMir10
 
Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?
ShantanuApurva1
 
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
Sankalp Khandelwal
 
What Are The Top 5 Progressive Web App Development Frameworks For 2023
What Are The Top 5 Progressive Web App Development Frameworks For 2023What Are The Top 5 Progressive Web App Development Frameworks For 2023
What Are The Top 5 Progressive Web App Development Frameworks For 2023
CalvinLee106
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
IRJET Journal
 

Similar to [Webinar] Expanding future mobile commerce with Magento PWA Studio (20)

Progressive web application considerations before implementing magento pwa ...
Progressive web application   considerations before implementing magento pwa ...Progressive web application   considerations before implementing magento pwa ...
Progressive web application considerations before implementing magento pwa ...
 
9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development
 
PWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfPWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdf
 
The importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJsThe importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJs
 
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
 
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
 
PWA for PHP Developers
PWA for PHP DevelopersPWA for PHP Developers
PWA for PHP Developers
 
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentationvue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation
 
PWA 101, what you need to know about ShopwarePWA
PWA 101, what you need to know about ShopwarePWAPWA 101, what you need to know about ShopwarePWA
PWA 101, what you need to know about ShopwarePWA
 
Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa
 
Top 10 Best PWA Development Tools and Technologies to Use.pdf
Top 10 Best PWA Development Tools and Technologies to Use.pdfTop 10 Best PWA Development Tools and Technologies to Use.pdf
Top 10 Best PWA Development Tools and Technologies to Use.pdf
 
Building your own calendly using amazon app sync
Building your own calendly using amazon app syncBuilding your own calendly using amazon app sync
Building your own calendly using amazon app sync
 
Top 10 PWA Frameworks in 2020
Top 10 PWA Frameworks in 2020Top 10 PWA Frameworks in 2020
Top 10 PWA Frameworks in 2020
 
Exploring pwa for shopware
Exploring pwa for shopwareExploring pwa for shopware
Exploring pwa for shopware
 
The Rise & Impact of PWA Adoption in 2024
The Rise & Impact of PWA Adoption in 2024The Rise & Impact of PWA Adoption in 2024
The Rise & Impact of PWA Adoption in 2024
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
 
Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?
 
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
 
What Are The Top 5 Progressive Web App Development Frameworks For 2023
What Are The Top 5 Progressive Web App Development Frameworks For 2023What Are The Top 5 Progressive Web App Development Frameworks For 2023
What Are The Top 5 Progressive Web App Development Frameworks For 2023
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
 

More from CedCommerce

Sell on MercadoLibre with Magento & Double Up Your Sales Instantly
Sell on MercadoLibre with Magento & Double Up Your Sales InstantlySell on MercadoLibre with Magento & Double Up Your Sales Instantly
Sell on MercadoLibre with Magento & Double Up Your Sales Instantly
CedCommerce
 
Sell on Lazada to Boost your Business in the Southeast Asian Region
Sell on Lazada to Boost your Business in the Southeast Asian RegionSell on Lazada to Boost your Business in the Southeast Asian Region
Sell on Lazada to Boost your Business in the Southeast Asian Region
CedCommerce
 
Complete Guide to Sell in Europe
Complete Guide to Sell in EuropeComplete Guide to Sell in Europe
Complete Guide to Sell in Europe
CedCommerce
 
Best ChannelAdvisor Alternative for Online Sellers
Best ChannelAdvisor Alternative for Online SellersBest ChannelAdvisor Alternative for Online Sellers
Best ChannelAdvisor Alternative for Online Sellers
CedCommerce
 
Steps to Boost Your Sales with European Fashion Hub - Zalando
Steps to Boost Your Sales with European Fashion Hub - ZalandoSteps to Boost Your Sales with European Fashion Hub - Zalando
Steps to Boost Your Sales with European Fashion Hub - Zalando
CedCommerce
 
Shopify Magento Integration| Connector
Shopify Magento Integration| ConnectorShopify Magento Integration| Connector
Shopify Magento Integration| Connector
CedCommerce
 
Sell On Catch Marketplace With Magento
Sell On Catch Marketplace With MagentoSell On Catch Marketplace With Magento
Sell On Catch Marketplace With Magento
CedCommerce
 
Sell on Zalora With Magento
Sell on Zalora With MagentoSell on Zalora With Magento
Sell on Zalora With Magento
CedCommerce
 
Skyrocket your Sales on Shopee with Magento!
Skyrocket your Sales on Shopee with Magento!Skyrocket your Sales on Shopee with Magento!
Skyrocket your Sales on Shopee with Magento!
CedCommerce
 
Sell on the Reverb Marketplace with Magento to Skyrocket Sales!
Sell on the Reverb Marketplace with Magento to Skyrocket Sales!Sell on the Reverb Marketplace with Magento to Skyrocket Sales!
Sell on the Reverb Marketplace with Magento to Skyrocket Sales!
CedCommerce
 
Sell on Cdiscount Marketplace with Magento
Sell on Cdiscount Marketplace with Magento Sell on Cdiscount Marketplace with Magento
Sell on Cdiscount Marketplace with Magento
CedCommerce
 
Sell On Manomano With Magento
Sell On Manomano With MagentoSell On Manomano With Magento
Sell On Manomano With Magento
CedCommerce
 
Sell On Facebook Shop With Magento
Sell On Facebook Shop With MagentoSell On Facebook Shop With Magento
Sell On Facebook Shop With Magento
CedCommerce
 
Sell on eBay with Magento
Sell on eBay with MagentoSell on eBay with Magento
Sell on eBay with Magento
CedCommerce
 
Ultimate guide to sell on amazon with magento
Ultimate guide to sell on amazon with magentoUltimate guide to sell on amazon with magento
Ultimate guide to sell on amazon with magento
CedCommerce
 
Sell on Southeast Asian Marketplaces to Boost your Sales!
Sell on Southeast Asian Marketplaces to Boost your Sales!Sell on Southeast Asian Marketplaces to Boost your Sales!
Sell on Southeast Asian Marketplaces to Boost your Sales!
CedCommerce
 
A Guide to Selling on Fyndiq Marketplace – Sweden’s Largest Bargain House
A Guide to Selling on Fyndiq Marketplace – Sweden’s Largest Bargain HouseA Guide to Selling on Fyndiq Marketplace – Sweden’s Largest Bargain House
A Guide to Selling on Fyndiq Marketplace – Sweden’s Largest Bargain House
CedCommerce
 
Coffee & Commerce
Coffee & CommerceCoffee & Commerce
Coffee & Commerce
CedCommerce
 
All need to know about Chinese new year
All need to know about Chinese new year All need to know about Chinese new year
All need to know about Chinese new year
CedCommerce
 
Coffee & Commerce
Coffee & CommerceCoffee & Commerce
Coffee & Commerce
CedCommerce
 

More from CedCommerce (20)

Sell on MercadoLibre with Magento & Double Up Your Sales Instantly
Sell on MercadoLibre with Magento & Double Up Your Sales InstantlySell on MercadoLibre with Magento & Double Up Your Sales Instantly
Sell on MercadoLibre with Magento & Double Up Your Sales Instantly
 
Sell on Lazada to Boost your Business in the Southeast Asian Region
Sell on Lazada to Boost your Business in the Southeast Asian RegionSell on Lazada to Boost your Business in the Southeast Asian Region
Sell on Lazada to Boost your Business in the Southeast Asian Region
 
Complete Guide to Sell in Europe
Complete Guide to Sell in EuropeComplete Guide to Sell in Europe
Complete Guide to Sell in Europe
 
Best ChannelAdvisor Alternative for Online Sellers
Best ChannelAdvisor Alternative for Online SellersBest ChannelAdvisor Alternative for Online Sellers
Best ChannelAdvisor Alternative for Online Sellers
 
Steps to Boost Your Sales with European Fashion Hub - Zalando
Steps to Boost Your Sales with European Fashion Hub - ZalandoSteps to Boost Your Sales with European Fashion Hub - Zalando
Steps to Boost Your Sales with European Fashion Hub - Zalando
 
Shopify Magento Integration| Connector
Shopify Magento Integration| ConnectorShopify Magento Integration| Connector
Shopify Magento Integration| Connector
 
Sell On Catch Marketplace With Magento
Sell On Catch Marketplace With MagentoSell On Catch Marketplace With Magento
Sell On Catch Marketplace With Magento
 
Sell on Zalora With Magento
Sell on Zalora With MagentoSell on Zalora With Magento
Sell on Zalora With Magento
 
Skyrocket your Sales on Shopee with Magento!
Skyrocket your Sales on Shopee with Magento!Skyrocket your Sales on Shopee with Magento!
Skyrocket your Sales on Shopee with Magento!
 
Sell on the Reverb Marketplace with Magento to Skyrocket Sales!
Sell on the Reverb Marketplace with Magento to Skyrocket Sales!Sell on the Reverb Marketplace with Magento to Skyrocket Sales!
Sell on the Reverb Marketplace with Magento to Skyrocket Sales!
 
Sell on Cdiscount Marketplace with Magento
Sell on Cdiscount Marketplace with Magento Sell on Cdiscount Marketplace with Magento
Sell on Cdiscount Marketplace with Magento
 
Sell On Manomano With Magento
Sell On Manomano With MagentoSell On Manomano With Magento
Sell On Manomano With Magento
 
Sell On Facebook Shop With Magento
Sell On Facebook Shop With MagentoSell On Facebook Shop With Magento
Sell On Facebook Shop With Magento
 
Sell on eBay with Magento
Sell on eBay with MagentoSell on eBay with Magento
Sell on eBay with Magento
 
Ultimate guide to sell on amazon with magento
Ultimate guide to sell on amazon with magentoUltimate guide to sell on amazon with magento
Ultimate guide to sell on amazon with magento
 
Sell on Southeast Asian Marketplaces to Boost your Sales!
Sell on Southeast Asian Marketplaces to Boost your Sales!Sell on Southeast Asian Marketplaces to Boost your Sales!
Sell on Southeast Asian Marketplaces to Boost your Sales!
 
A Guide to Selling on Fyndiq Marketplace – Sweden’s Largest Bargain House
A Guide to Selling on Fyndiq Marketplace – Sweden’s Largest Bargain HouseA Guide to Selling on Fyndiq Marketplace – Sweden’s Largest Bargain House
A Guide to Selling on Fyndiq Marketplace – Sweden’s Largest Bargain House
 
Coffee & Commerce
Coffee & CommerceCoffee & Commerce
Coffee & Commerce
 
All need to know about Chinese new year
All need to know about Chinese new year All need to know about Chinese new year
All need to know about Chinese new year
 
Coffee & Commerce
Coffee & CommerceCoffee & Commerce
Coffee & Commerce
 

Recently uploaded

Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
Safe Software
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Bert Blevins
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
Mark Billinghurst
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
shanthidl1
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
Adam Dunkels
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
ScyllaDB
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Mydbops
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
welrejdoall
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
SynapseIndia
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions
 
20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
Matthew Sinclair
 
Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024
BookNet Canada
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
Matthew Sinclair
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
ScyllaDB
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
KAMAL CHOUDHARY
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
HackersList
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
jackson110191
 
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfBT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
Neo4j
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
Larry Smarr
 

Recently uploaded (20)

Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
 
20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
 
Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
 
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfBT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
 

[Webinar] Expanding future mobile commerce with Magento PWA Studio

  • 1. PROGRESSIVE WEB APPLICATIONS Expanding Future Mobile Commerce With Magento PWA Studio
  • 2. SPEAKER MALLIKA VERMA Senior Software Developer, CedCommerce 2 in/mallika-verma-a3178890 /MallikaVerma15 PATRICK TOOTHAKER Senior Product Marketing Manager, Magento Commerce /in/ptoothaker /ptoothaker GUEST
  • 3. EXPANDING FUTURE MOBILE COMMERCE WITH MAGENTO PWA STUDIO “ INDEX ● Why PWA Studio Is An Effective Solution ? ● Mobile Revolution : The Evolution of PWA ● Wiping Deficiencies Of Webapps By PWA ● PWA is The Future Of Mobile Commerce ● PWA Featured Website : Examples ● A Case Study (Alibaba) ● How PWA Benefits Your Ability To Boost Your Business ● Contribution Of Magento To PWA ● Contribution of CedCommerce for Magento PWA Studio
  • 4. WHY PWA STUDIO IS AN EFFECTIVE SOLUTION ? IN THIS ARTICLE YOU’LL FIND OUT: ● What are Progressive Web Apps ? ● Result after implementing PWA to ecommerce store. 4
  • 5. WHAT IS PWA ? Progressive Web Apps are user experiences that can behave as a web page and native mobile app at the same time. 5 PWA sounds like a completely new platform, but it’s not; it’s a convenient term for a handful of new browser features and design patterns. So it’s an evolution of Web development, much like "Responsive" has been. “ ” ~ James Zetlen ENGAGING FAST RELIABLE
  • 6. 6 PUSH NOTIFICATION ON PWA PUSH NOTIFICATION Just like a Native App, now even PWA is enriched with the feature of PUSH NOTIFICATION PUSH NOTIFICATION are more used for marketing and Customer Engagement purpose
  • 7. 7 PWA RESULTS ARE OUT FROM THE TOP BRANDSCUSTOMERTRAFFIC (REACH) CUSTOMER ENGAGEMENT WEB APP NATIVE APP
  • 8. 8 MOBILE REVOLUTION THE EVOLUTION OF PWA What Created The Need Of Pwa ? IN THIS ARTICLE YOU’LL FIND OUT: ● Evolution of Progressive Web App ● Characteristics of Progressive Web App
  • 9. EVOLUTION OF PWA 9 Server Side Pages ● Server Side Programming like PHP, JSP and others. ● The Dynamic Information you want to show will be fetched from the Database. ● HTML Pages are prepared on basis of some templates.
  • 10. EVOLUTION OF PWA 10 Ajax ● The Actions are requested as Asynchronous API calls. ● The page generation is still server-based on some templates and are sent as HTML responses.
  • 11. EVOLUTION OF PWA 11 Single Page App (SPA) ● Bringing in the concept of AJAX all over the application, Front-End renders the required pages providing the required data over API calls. ● Most of the views are loaded initially and upon navigation just the data loads. Single Page Apps (MBaaS) Mobile Backend as a Service allows Front-End to interact with Data source just by using their sdk.
  • 12. EVOLUTION OF PWA 12 ● Service Worker : A proxy that is between application code and network. ● Service Worker decides whether to serve the cached response or to hit fresh request and serve response. ● PWA makes users feel web apps as a Real Mobile App. ● With amazing user experiences, loads the app instantly. ● Regardless of the network state, it works even in offline mode. Progressive Web Apps (PWA)
  • 13. CHARACTERISTICS OF PWA 13 PROGRESSIVE RESPONSIVE CONNECTIVITY SECURE INSTALLABLE LINKABLE LOW DATA COMMITMENT DISCOVERABLE
  • 14. 14 WIPING DEFICIENCIES OF WEB APPS BY PWA IN THIS ARTICLE YOU’LL FIND OUT: ● New Aspect of PWA over other Web Apps ● PWA, a new choice of Customer
  • 15. 15 DEFICIENCIES OF WEB APP BY PWA ● Slow ● Low Engagement Rate ● Shabby User Experience ● Difficult for Non-Technical Person to Manage ● Launched by Browser ● Work only on Online Mode WEB APPS PWA ● Fast ● High Engagement Rate ● Attractive User Experience ● Accessible to all creators, and is very Easy to Manage ● Add Icon to Home Screen ● Can even work in Offline Mode
  • 16. 16 FLAWS OF NATIVE APPS ● Lengthy Downloading Process ● No Flexibility ● Expensive Development Process ● Time Consuming Development Process ● Native Apps Require Frequent Upgrades
  • 17. 17 PWA IS THE FUTURE OF MOBILE COMMERCE IN THIS ARTICLE YOU’LL FIND OUT: ● Points for customer to shift from Native app / Web app to PWA ● Industry Adoption of PWA
  • 18. © 2019 Adobe. All Rights Reserved. Adobe Confidential. “By 2020, progressive web apps will have replaced 50% of general-purpose, consumer-facing mobile apps” “ “PWAs aren’t simply a new thing to build – they’re the paradigm that will drive performance, efficiency, and better overall web development habits in your organization” “ ” 18
  • 19. 19 PWAs SUPPORT THE DIGITAL COMMERCE LIFECYCLE
  • 20. “ PWA FEATURED WEBSITES SOME REAL WORLD EXAMPLES OF PWA IN THIS ARTICLE YOU’LL FIND OUT: ● Store that are Running a Successful PWA ● Case Study : AliExpress
  • 21. 21 STORES RUNNING A SUCCESSFUL PWA SOLUTION Treebo 4x in Conversion rate 1.5sec Page Load Speed on Mobile Uber PWA was designed to efficiently work on Weak Network Area Takes less than 3sec to load over 2G Network Forbes’ 2.5sec Page Load Speed on Mobile 20% in Impression Twitter 65% in Pages Per Session 75% in Tweets sent 20% in Bounce Rate MakeMyTrip 3X in Conversion rate 38% improvement in page Load Times 160% in shopper Sessions
  • 22. HOW PWA HELPED ALIBABA TO GROW MORE INTO ECOMMERCE 22 CASE STUDY
  • 23. JOURNEY WITH PWA 23 CASE STUDY : ALIBABA.COM Alibaba.com increases Conversions on the mobile web by 76% with Progressive Web App Alibaba.com is the world’s largest online Business-to-Business (B2B) trading platform, serving 200+ countries and regions. 14% more monthly active users on iOS; 30% on Android 4X higher interaction rate from Add To Homescreen
  • 24. “ YOUR ABILITY TO BOOST YOUR BUSINESS IN THIS ARTICLE YOU’LL FIND OUT: ● PWA Benefits ● Benefits for Merchant ● Benefits for Developer HOW PWA BENEFITS
  • 25. BENEFITS OF PWA FOR BUSINESS 25 By 2020, Progressive Web Apps Will Have Replaced 50% Of The General Purpose Consumer Facing Apps REMARKABLE SPEED PWA is faster because of browser-level caching which is possible because of SERVICE WORKERS, and provide a complete support also in OFFLINE MODE CROSS-PLATFORM COMPATIBILITY PWAs can run smoothly on almost all widely used mobile browsers. (Chrome, Safari, Edge and Firefox). Hence, businesses don’t have to develop and maintain apps for different platforms. Hence NO UPDATE Required RESPONSIVE DESIGN This will help in improving customer experience. The sites with responsive web design will rank better search results as said by Google PUSH NOTIFICATIONS It increase ENGAGEMENT by up to 88%. Push notifications are important to to keep customers informed about the latest deals, offers and order updates
  • 26. 26 Performance Engagement Cost Innovation Built for speed first PWA offer best in class performance Create fast and engaging web experiences that adopt the capabilities and best practices from native mobile apps Lowers cost to the business by unifying customer experience into a single front-end application PWAs represent the next evolution in the web experience. Early adopters will have a competitive advantage Metrics like: • Load time • First Contentful Paint (FCP) • Time to Interactive Metrics like: • Conversion • Time on site • Click Through rates • Add to cart Metrics like: • Total cost of ownership (TCO) • Time to market Metrics like: • Gross merchandise value (GMV) • Conversion rates • Customer acquisition cost BENEFITS OF PWA TO MERCHANTS
  • 27. “CONTRIBUTION OF MAGENTO TO PWA IN THIS ARTICLE YOU’LL FIND OUT: ● Magento contribution towards PWA ● PWA Studio Features ● PWA Studio Libraries ● Venia Storefront
  • 28. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Progressive Web Apps allow merchants to improve conversion rates by delivering high performing, engaging shopping experiences across all devices and browsers through a modern web store. PWA Studio, allows developers to use standardized tools to build, deploy, and maintain Magento and Abobe-powered PWAs quickly and cost effectively. 28
  • 29. © 2019 Adobe. All Rights Reserved. Adobe Confidential. 29 peregrine
  • 30. © 2019 Adobe. All Rights Reserved. Adobe Confidential. 30 peregrine • Brand new PWA storefront • Desktop and mobile friendly • Google Lighthouse optimized • Functional component library • Utilizes React hooks *NEW* • Equivalent to “blank theme” • Magento 2 connector (PHP) • Cloud compatible (optimized) • Also available for Node.js (JS) • Build and development tools (“buildpack”) • Venia sample data (M2.3+) • Documentation and examples • Developer sandbox for PWA (quickstart) • Google Lighthouse “stack packs” [TBD] Developer Tools
  • 32. 32 WHAT TECHNOLOGIES DOES PWA USE UPWARD Component Library (Peregrine) Venia-styled components Custom UI components Service Worker Web App Manifest HTTPS App Cache API GraphQL M2.3+ Backend React Redux Node.js Apollo Webpack Workbox Sheila (Shopper)
  • 33. IN THIS ARTICLE YOU’LL FIND OUT: ● CedCommerce Steps towards Headless PWA ● CedCommerce developed Theme for PWA 33 CONTRIBUTION OF CEDCOMMERCE FOR MAGENTO PWA STUDIO
  • 34. 34 CEDCOMMERCE STEPS TOWARDS HEADLESS PWA SOLUTION ● CedCommerce had started working on PWA Studio when it was launched. ● Currently CedCommerce is working for clients to add other eCommerce features on PWA Studio which are currently not available. This enhancement will increase our contribution for Magento. ● CedCommerce had also started developing its own THEME based on Venia Concept. ● CedCommerce has focused on enhancing Home Page and Designing Theme more Interactive. ● CedCommerce added Banner Slider Section, Trending Products and Latest Products Section on Homepage ● CedCommerce also worked on Newsletter feature which will help in increasing customer engagements.
  • 35. 35 MAGENTO CONTRIBUTION TOWARDS VENIA STOREFRONT FOR PWA HOMEPAGE CATEGORY PAGE PRODUCT PAGE
  • 36. 36 MAGENTO CONTRIBUTION TOWARDS VENIA STOREFRONT FOR PWA CART PAGE CHECKOUT ORDER CONFIRMATION
  • 37. 2.71 BillionSmartphone Users Around The World 37 PWA STATS FROM LIVE SCENARIO 80% User Uninstalled App Within 1 Week 20% Increase In Mobile Sales & Revenue 8% Increase In Recovered Shopping Carts 50% Increase In Customer Engagement 33% Decrease In Development And Maintenance 68% Increase In Mobile Traffic 2.5 Seconds Is The Average Load Time For A Page 42.86% Reduced Bounce rate, Compared to mobile website DATA SOURCE : Appinstitute & Smashingideas
  • 38. CEDCOMMERCE PRESENCE OVER THE WORLD Our Office 38 HEADQUARTER INDIA 3/460, First Floor, Vishwas Khand, Gomti Nagar, Lucknow, Uttar Pradesh, 226010 CEDCOMMERCE OFFICE ADDRESS SALES & MARKETING USA 1812 N Columbia Blvd, Suite C15-653026, Portland, Oregon, 97217 UNITED KINGDOM 3rd Floor, St. George's House, 6 St George's Way, Leicester, Leicestershire, LE1 1QZ MALAYSIA Suite 20-01 & 20-02B, Level 20, The Persiaran Lagoon Bandar Sunway, Subang Jaya Selangor Darul Ehsan 47500
  • 39. 39 THANK YOU! Any questions? You can also contact us at www.cedcommerce.com /CedCommerce /company/cedcommerce /CedCommerce support@cedcommerce.com