L'installation de son application Web lui a permis d'accroître le trafic, la fidélisation des visiteurs, les ventes par client et les conversions.
Rakuten 24 est une boutique en ligne fournie par Rakuten, l'une des plus grandes entreprises d'e-commerce du Japon. Elle propose un large éventail d'articles du quotidien, tels que l'épicerie, la médecine, la santé, les ustensiles de cuisine, etc. Au cours de l'année écoulée, l'objectif principal de l'équipe était d'améliorer la fidélisation et le réengagement des clients mobiles. En rendant son application Web installable, le taux de fidélisation des visiteurs a bondi de 450% par rapport au flux Web mobile précédent sur une période d'un mois.
Mise en évidence de l'opportunité
Afin de gagner des parts de marché et d'améliorer l'expérience utilisateur, Rakuten 24 a identifié les opportunités suivantes:
- En tant que service relativement nouveau, Rakuten 24 n'était pas en mesure d'investir le temps et le coût dans le développement d'une application spécifique à une plate-forme à la fois pour iOS et Android, et cherchait un autre moyen efficace de combler cette lacune.
- Rakuten-Ichiba (la place de marché d'e-commerce de Rakuten) est le plus grand service du Japon. De nombreuses personnes pensent que Rakuten 24 est un vendeur à Rakuten-Ichiba. Par conséquent, elle a reconnu la nécessité d'investir dans la notoriété de la marque et d'améliorer la fidélisation des utilisateurs.
Outils utilisés
Installabilité
Pour saisir les deux opportunités identifiées ci-dessus, Rakuten 24 a décidé de créer des fonctionnalités de progressive web app (PWA) de manière incrémentielle, en commençant par l'installation. La mise en œuvre de l'installation a permis d'augmenter le trafic, la fidélisation des visiteurs, les ventes par client et les conversions.
beforeinstallprompt
Pour gagner en flexibilité et contrôler le comportement de sa boîte de dialogue d'installation, l'équipe a implémenté sa propre invite d'installation à l'aide de l'événement beforeinstallprompt. Ce faisant, l'équipe a pu détecter si l'application était déjà installée sur Android ou iOS, et offrir une expérience plus pertinente et plus pertinente à ses utilisateurs.
Instructions d'installation personnalisées
Pour les utilisateurs qui n'ont pas pu installer la PWA à partir de la bannière, ils ont créé un guide personnalisé (lien depuis la bannière) contenant des instructions sur l'installation manuelle de la PWA sur les appareils Android et iOS.
Boîte de travail pour les service workers
L'équipe Rakuten 24 a utilisé Workbox (workbox-webpack-plugin pour être précis) pour s'assurer que sa PWA fonctionnait correctement même lorsque l'utilisateur était hors connexion ou sur un réseau de mauvaise qualité. Les API de Workbox pour le contrôle du cache fonctionnaient beaucoup mieux que le précédent script interne de Rakuten 24. De plus, Workbox-webpack-plugin (et Babel) a permis d'automatiser le processus de prise en charge d'un plus grand nombre de navigateurs. Pour renforcer la résilience du réseau, l'entreprise a mis en œuvre une stratégie axée sur le cache pour ses éléments CSS et JS, et a utilisé l'option stale-while-revalidate pour les images qui ne changent pas fréquemment.
Résultats commerciaux globaux
En implémentant l'installation, Rakuten 24 a pu augmenter la fréquence des visites par utilisateur de 310% par rapport au reste des internautes. La fidélisation des visiteurs a également bondi de 450 % (par rapport au flux Web mobile précédent), de 150 % des ventes par client et de 200% du taux de conversion. Toutes les améliorations ont été observées sur une période d'un mois.
Autres améliorations apportées à l'entreprise grâce à l'installation
- Notoriété de la marque:étant donné que les utilisateurs peuvent accéder directement à Rakuten 24 depuis leur écran d'accueil, cela leur a permis de distinguer Rakuten 24 de Rakuten-Ichiba.
- Efficacité:Rakuten 24 a obtenu ces résultats sans consacrer beaucoup de temps et d'argent à la création d'applications spécifiques à la plate-forme pour iOS et Android.
Notre mission est de contribuer à la société en créant de la valeur grâce à l'innovation et à l'entrepreneuriat. Pour y parvenir, il a fallu améliorer l'expérience client Rakuten 24 en implémentant A2HS. Nous prévoyons également d'améliorer dans un avenir proche l'engagement de nos PWA et notre proposition client en développant des notifications push à l'aide de l'API Web Push.
Masashi Watanabe, directeur général du service marketing de groupe, Rakuten Inc.
Consultez la page des études de cas Scale on Web pour découvrir d'autres témoignages en Inde et en Asie.