Progressive Web Apps (PWA) have the potential to address many issues currently facing eCommerce sites by providing a faster and more native mobile experience. PWAs can load within 3 seconds, avoid high mobile abandonment rates, and work across all devices like native apps. Vue Storefront is an open source PWA frontend that allows building fast, mobile-first eCommerce sites without changing the backend platform. It provides features like push notifications, offline browsing, and installability that improve the mobile user experience.

1. Progressive Web Apps (PWA)
as a Game Changer for
eCommerce
Tom Karwatka
Vue Storefront / Divante

2. Hey eCommerce,
what’s wrong with you?

3. Hey eCommerce,
what’s wrong with you?

4. The average load time for mobile sites is
19 seconds over 3G connections.
On a 4G network the average time
isn’t much better: 14 seconds

5. 53% of mobile site visits are abandoned if pages
take longer than 3 seconds to load.
75% of mobile sites take longer than
10 seconds to load.

6. Mobile abandonment rates exceed 80%
when customers are asked to input their
credit card details.

7. Google Mobile First Index
From the beginning of 2018, Google is
changing its indexing to be mobile-first.

8. 30%+ of users have purchased a product they first discovered on
Instagram.
WeChat- monthly users passed 1 billion
Instagram - more than 800m users

9. We aren’t ready for mobile.
Fine?!
But we feel strong on desktop!

10. 40% of major eCommerce companies experience
periods of website downtime during seasonal
traffic peaks.
56% noted that their website experienced longer
loading times during seasonal peaks

11. eCommerce demand has
outgrown current
tech-stacks

12. eCommerce demand has
outgrown current
tech-stacks

13. We need new tools!
eCommerce demand has
outgrown current
tech-stacks

14. HEADLESS
front-end is stand-alone
software, which
communicates with a
back-end via an API
bit.ly/headless-ebook

15. HEADLESS
front-end is stand-alone
software, which
communicates with a
back-end via an API
DESIGN
SYSTEMS
a collection of reusable
components, guided by
clear standards, that can
be put together

16. PROGRESSIVEHEADLESS
front-end is stand-alone
software, which
communicates with a
back-end via an API
DESIGN
SYSTEMS
a collection of reusable
components, guided by
clear standards, that can
be put together
WEB APPS
web applications that can
appear to the user like
traditional applications or
native mobile
applications

17. Mobile apps
provide the finest
user experience,
but have some
limitations
USER ACQUISITION
need to be downloaded
COSTS
expensive to
build & maintain
BUSINESS MODEL
high commision
lack of control over publishing
USER EXPERIENCE
different on every device

18. The new mobile standard
Progressive Web Apps
one app for all channels
Multi
platform
Lighting
fast
Off-line
ready
Black
Friday ready
Google Microsoft Apple

19. Vue Storefront
Mobile-first ecommerce frontend that allows
you to build super fast eCommerce websites
and apps, without changing the backend
platform.
Open Source
Head-less approach
Design Systems
Time2Market < 60 days.
www.vuestorefront.io

20. Provide native app features
Vue Storefront feels just like an app - it even has app-style interactions and navigation.
Full screen
Hiding the browser top
URL bar and the
bottom navigation
menu
Home screen
Instant access from the
home screen without
opening the browser and
typing a URL
Push Notifications
Push notifications with a
one click opt-in directly
from the PWA site.
Offline mode
Browsing with a weak
or even lack of a
network connection.

21. Anytime. On any device.
Vue Storefront behaves the same on each
device.
Vue Storefront behaves the same on each device.
It delivers a 100% responsive and smooth
shopping experience, so it’s not necessary to
develop apps for different web browsers and
platforms.
Vue Storefront works on:
Android phones
Desktop browsers (Edge, Chrome, Safari, Opera
etc.)
iOS phones and MacBooks
Windows

22. Accelerate with PWA advantages
By combining the best of the web and native apps, Vue Storefront gives significant business capabilities.
Install directly
Vue Storefront is much
smaller than native apps,
so it loads faster, works
better over low-
bandwidth networks
and takes up less space
on a user’s device.
Up to date
PWAs synchronize data
in the background even
when a user is not
active.
The app is always up-
to-date with the latest
version and content
served instantly.
Discoverable
Vue Storefront is
fully searchable and
indexable, contrary
to native apps.
You can easily
bookmark and share
every page.
Analytics
You can track website
users the mobile app
way, for example:
number of installs,
active & offline users
or even notification
performance.
Trusted by the World’s Top Brands

23. With eCommerce
features
Shopping - adding products to cart, stock synchronization,
Cart Expiration, Multi-store, Products bundle and many more
Ordering - Offline ordering (via in-browser queue), High
speed with local caching, SSL for all online orders, Crossell,
Upsell and more
Checkout - built-in checkouts, external checkouts, creating
an Account during the Checkout Process, checkout fallback
option and more
Payments - synchronization with major payment service
providers like Google, PayPal and a few others
Shipping - online Tax and Shipping Calculation, Multiple
shipping addresses, free shipping functionality and more
Open Source CMS and PIM
Open Source Loyalty

24. The platform for future growth
Visual Recognition
Take advantage of the Clarifai.com API
with a PWA to automatically tag,
organize, and search visual content
with its machine learning engine.
Chatbot
Use a PWA as a platform for chatbot
development. It is much more reasonable
to offer a full blown user experience via
PWA than going into native solutions.
Virtual Assistants
Virtual Assistants (Alexa, Siri, Google Now,
Cortana) usage grew 23.1% in 2017. This year,
60.5 million Americans will use them. It’s
nearly 20% of the US population.
One Touch checkout
The expiration of Amazon’s US patent
on one-click ordering (September 2017)
allows companies to use express
checkout functionality on their sites.
You can extend the mobile-first experience by adding more channels.
Voice Commerce
Amazon Alexa and Google Home
used with Vue Storefront
&

25. Vue Storefront - The future-proof solution
We react quite fast and embrace all opportunities that are open for eCommerce.
Focus on frontend. Bringing frontend innovations at speed.
Google
made page speed
a factor in mobile
search ranking.
January ‘18 February ‘18 March ‘18 April ‘18 July ‘18
Vue
Storefront
is much faster to interact
with, as well as providing
smoother scrolling
and transitioning of
pages.
Microsoft
brought PWA standard
into Microsoft Edge and
Windows 10.
Vue Storefront
is fully compatible with
Progressive Web App
standard, so it’s going to
be available on any
Windows device.
Google
began with
Mobile-first indexing as
a SEO ranking factor.
Vue
Storefront
delivers an exceptional
mobile UX which gives
higher rankings
position- even for
desktop searchers.
Apple
announced PWA
support on iOS and
macOS devices.
Vue Storefront
works not only on Android
phones and desktop
browsers (IE, Chrome, Firefox,
Opera) but on iOS phones
and MacBooks too.
Google
Start marking
non-HTTPS sites as
‘not secure’.
Vue Storefront
is served via HTTPS, ensuring
that data is encrypted, has
better performance & caching
and is promoted as SEO
ranking signal.

26. 470 developers in the Community
8th most popular eCommerce Platform on GitHub
2nd most popular Magento repo on GitHub
25+ official Partners
Join the Community
https://github.com/DivanteLtd/vue-storefront
Projects live: India, Holland, Italy, Russia, Poland, USA
Workshops, Trainings, PoC, Time2Market <60 days

27. SPEED
Higher CR
Sites that load in 5 seconds vs 19
seconds observed:
● 25% higher ad viewability
● 70% longer average sessions
● 35% lower bounce rates
PAYMENTS
Lower cart
abandonment rate
● PayPal - 53% increase in mobile
payments thanks to One Touch
checkout.
● The expiration of Amazon’s US
patent on one-click ordering allows
companies to use express checkout
functionality.
TRAFFIC
New Clients
● PWA is Mobile-First Index Ready -
if a website has desktop content
and mobile content, then Google
will index mobile content first.
● 68% of Instagram followers
engage regularly with brands

28. Try Vue Storefront
for Mobile-First Commerce
Tom Karwatka
tkarwatka@divante.co

29. Sources
1. ttps://www.forbes.com/sites/michelleevans1/2017/04/12/how-china-won-the-race-to-being-considered-a-mobile-first-commerce-nation/
#2c7e22a91b49
2. Mobile Payments Report 2018, Acapture by payvision
3. https://www.leadpages.net/blog/psychology-of-waiting/
4. https://neilpatel.com/blog/4-easy-ways-to-generate-ecommerce-sales-from-instagram/
5. https://trackmaven.com/blog/marketing-instagram-algorithm/
6. https://sproutsocial.com/insights/instagram-stats/
7. https://sproutsocial.com/insights/hashtags-for-instagram/
8. https://www.clickz.com/how-ecommerce-brands-use-instagram-to-reach-their-goals/95996/
9. https://medium.com/@distillerytech/digital-transformation-why-enterprises-need-progressive-web-apps-b37a9e223157
10. https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/
11. http://www.retail-systems.com/rs/Retailer_Websites_Experiening_Downtimes.php
12. https://www.statuscake.com/websites-of-40-of-uk-e-commerce-firms-experience-downtime-during-seasonal-traffic-peaks/
13. https://www.practicalecommerce.com/10-Surprising-Mistakes-on-Large-Ecommerce-Sites
14. https://www.decibelinsight.com/blog/how-load-speed-impacts-user-focus-time-analysis-of-83828-sessions