Proof of Concept —how to run PWA for Magento in a week

Piotr Karwatka
Mar 16, 2018 · 3 min read

I’ve recently read that 2018 is a year of Progressive Web Apps. It’s like a teenage sex: everybody is reading about it, thinking about it but there are not so many cases to benchmark with. Especially in European Retail.

Why is that? I think like with any new technology the barrier is a tendency to avoid risk. It’s understandable that nobody is willing to put the well-doing business at stake trying something new. I can say that there is another way — risk-free — to check the business benefits of PWA.

It’s Proof of Concept.

Right now, when we have Magento 1.x, and Magento 2.x connectors for Vue Storefront — first PWA for eCommerce doing some PoC version is a matter of few working days — maybe too few weeks with some custom features on board.

How can it look like?

Vue Storefront works great with both Magento 2.x and 1.x — even with the default theme one can test the business parameters of the PWA.

In the minimal scope Proof of Concept can be just a Vue Storefront instance with changed logo and modified CSS (colors) to show Your stakeholders that are running very smoothly — great on mobile — worth investing more.

It can be done in one, two working days.

Then, You can just import your products from Magento1 or Magento2, or add them even manually in Magento panel. Cool mobile app with your products — we’re close to deploying it to the users ;)

The integration shouldn’t have taken more than next 5–10 days — depending on the need of just importing the products catalog vs. bi-directional sync (orders, users, carts).

Basic integration with Magento 1 / Magento 2 is just a matter of few hours spent on configuration.

Then one can invest in the redesign and customize the UI. Vue Storefront themes mechanism allows You to create totally custom markup — look and feel without modifying the core.

The whole process (with UI) should take no more than 4–6 weeks, and You get the working Proof of Concept with modern UI that can be tested with real users. For example, running this version on the subdomain and putting there some group (20–40%) of mobile users.

Edge cases

If the thing is that you’ve pretty customized checkout process — we’ve done few PoCs where the only catalog has been entirely moved to Vue Storefront. The checkout is still running on the existing Magento (carts are synced up, and by clicking “Go to Checkout” user gets to the RWD version of your current checkout). No business risks, improved UX for a like 90% of time spent on site by the users (browsing products).


By doing the PoC you invest no more than 20–40 working days and have clear data for further decisions: if the CR is higher, how users behave on this improved mobile edition.

Typical Scoping Sessions utilizes lot of paper stickers :) We’re trying to go thru the requirements and all the features; set priorities and create a Backlog for the developers. During the workshops which usually take 1–2 days UX designer and software architect from Divante works closely with Product Owner and client’s IT team.

Next steps

We can do a free Scoping Session workshops with our UX designer and architect to estimate Your project. Contact us!

The Vue Storefront Journal

The official journal of Vue Storefront community.

The Vue Storefront Journal

The official journal of Vue Storefront community. The latest news on meet-ups, contributions, releases, and the community surrounding Vue Storefront — the top open source solution for progressive web apps dedicated to mobile-first eCommerce. (