Making their web app installable resulted in increased traffic, visitor retention, sales per customer, and conversions.
Rakuten 24 is an online store provided by Rakuten, one of the largest e-commerce companies in Japan. It provides a wide selection of everyday items including grocery, medicine, healthcare, kitchen utensils, and more. The team's main goal over the last year was to improve mobile customer retention and re-engagement. By making their web app installable, they saw a 450% jump in visitor retention rate as compared to the previous mobile web flow over a 1-month timeframe.
In their efforts to gain market share and improve user experience, Rakuten 24 identified the following areas of opportunities:
To capture the two opportunities identified above, Rakuten 24 decided to build Progressive Web App (PWA) features on an incremental basis, starting with installability. Implementing installability resulted in increased traffic, visitor retention, sales per customer, and conversions.
To gain more flexibility and control over their install dialogue's behaviour, the team implemented their own install prompt using the
beforeinstallprompt event. In doing so, they were able to detect if the app was already installed on Android or iOS and provide a more meaningful and relevant experience to their users.
For users who weren't able to install the PWA from the banner, they created a custom guide (linked from the banner) with instructions on how to install the PWA manually on both Android and iOS devices.
The Rakuten 24 team used Workbox (the workbox-webpack-plugin to be precise) to ensure their PWA worked well even when the user was offline or on a bad network. Workbox's APIs for controlling the cache worked significantly better than Rakuten 24's previous in-house script. Moreover, with workbox-webpack-plugin (and Babel), was able to automate the process of supporting a wider range of browsers. To further build network resilience, they implemented a cache-first strategy for their CSS and JS assets, and used stale-while-revalidate for their images that don't change frequently.
By implementing installability, Rakuten 24 was able to increase visit frequency per user by 310% compared to the rest of their web users. It also saw a 450% jump in visitor retention (compared to the previous mobile web flow), a 150% increase in sales per customer, and a 200% increase in conversion rate. All of the improvements were observed over a 1-month timeframe.
Our mission is to contribute to society by creating value through innovation and entrepreneurship. A step towards achieving this was to improve the Rakuten 24 customer experience by implementing A2HS. And in the near future we also plan to enhance our PWA engagement and customer proposition by developing push notifications using the Web Push API.Masashi Watanabe, General Manager, Group Marketing Department, Rakuten Inc.
Previously the concept of installability was known as add to homescreen (A2HS).
Check out the Scale on web case studies page for more success stories from India and Asia.