Membuat aplikasi web mereka dapat diinstal menghasilkan peningkatan traffic, retensi pengunjung, penjualan per pelanggan, dan konversi.
Rakuten 24 adalah toko online yang disediakan oleh Rakuten, salah satu perusahaan e-commerce terbesar di Jepang. Layanan ini menyediakan berbagai pilihan item sehari-hari termasuk bahan makanan, obat-obatan, layanan kesehatan, peralatan dapur, dan lainnya. Sasaran utama tim selama setahun terakhir adalah meningkatkan retensi dan re-engagement pelanggan seluler. Dengan menjadikan aplikasi web mereka dapat diinstal, mereka berhasil meningkatkan rasio retensi pengunjung sebesar 450% dibandingkan dengan alur web seluler sebelumnya dalam jangka waktu 1 bulan.
Menyoroti peluang
Dalam upaya mereka untuk mendapatkan pangsa pasar dan meningkatkan pengalaman pengguna, Rakuten 24 mengidentifikasi area peluang berikut:
- Sebagai layanan yang relatif baru, Rakuten 24 tidak dalam posisi untuk menginvestasikan waktu dan biaya dalam mengembangkan aplikasi khusus platform baik untuk iOS maupun Android, dan sedang mencari cara alternatif dan efisien untuk mengisi kesenjangan ini.
- Karena Rakuten-Ichiba (marketplace e-commerce Rakuten) adalah layanan terbesar di Jepang, banyak orang berpikir Rakuten 24 adalah penjual di Rakuten-Ichiba. Hasilnya, mereka mengakui perlunya berinvestasi dalam brand awareness dan mendorong lebih banyak retensi pengguna.
Alat yang mereka gunakan
Kemampuan penginstalan
Untuk memanfaatkan dua peluang yang diidentifikasi di atas, Rakuten 24 memutuskan untuk mem-build fitur Progressive Web App (PWA) secara inkremental, dimulai dengan kemampuan penginstalan. Menerapkan kemampuan penginstalan menghasilkan peningkatan traffic, retensi pengunjung, penjualan per pelanggan, dan konversi.
beforeinstallprompt
Untuk mendapatkan lebih banyak fleksibilitas dan kontrol atas perilaku dialog penginstalan,
tim ini menerapkan perintah penginstalan mereka sendiri menggunakan
peristiwa
beforeinstallprompt
. Dengan demikian, mereka dapat mendeteksi apakah aplikasi sudah diinstal di
Android atau iOS dan memberikan pengalaman yang lebih bermakna dan relevan kepada
pengguna mereka.
Petunjuk penginstalan kustom
Bagi pengguna yang tidak dapat menginstal PWA dari banner, mereka membuat panduan kustom (ditautkan dari banner) yang berisi petunjuk cara menginstal PWA secara manual di perangkat Android dan iOS.
Workbox untuk pekerja layanan
Tim Rakuten 24 menggunakan Workbox (workbox-webpack-plugin tepat) untuk memastikan PWA mereka berfungsi dengan baik bahkan saat pengguna sedang offline atau berada di jaringan yang buruk. API Workbox untuk mengontrol cache bekerja secara signifikan lebih baik daripada skrip internal Rakuten 24 sebelumnya. Selain itu, dengan workbox-webpack-plugin (dan Babel), mampu mengotomatiskan proses dukungan untuk berbagai browser yang lebih luas. Untuk lebih membangun ketahanan jaringan, mereka menerapkan strategi cache-first untuk aset CSS dan JS mereka, serta menggunakan adegan saat validasi ulang untuk gambar yang tidak sering berubah.
Hasil bisnis secara keseluruhan
Dengan mengimplementasikan kemampuan penginstalan, Rakuten 24 dapat meningkatkan frekuensi kunjungan per pengguna sebesar 310% dibandingkan pengguna web mereka yang lain. Perusahaan ini juga berhasil meningkatkan retensi pengunjung sebesar 450% (dibandingkan dengan alur web seluler sebelumnya), meningkatkan penjualan per pelanggan sebesar 150%, dan meningkatkan rasio konversi sebesar 200%. Semua peningkatan tersebut diamati selama jangka waktu 1 bulan.
Cara lain untuk meningkatkan bisnis melalui kemampuan penginstalan
- Brand Awareness: Karena pengguna dapat langsung mengakses Rakuten 24 dari layar utama, mereka membantu pengguna dan Rakuten memisahkan Rakuten 24 dari Rakuten-Ichiba.
- Efisiensi: Rakuten 24 dapat meningkatkan hasil ini tanpa menghabiskan banyak waktu dan uang untuk membuat aplikasi khusus platform untuk iOS dan Android.
Misi kami adalah berkontribusi bagi masyarakat dengan menciptakan nilai melalui inovasi dan kewirausahaan. Langkah untuk mencapai hal ini adalah meningkatkan pengalaman pelanggan Rakuten 24 dengan menerapkan A2HS. Dalam waktu dekat, kami juga berencana untuk meningkatkan interaksi PWA dan proposisi pelanggan dengan mengembangkan notifikasi push menggunakan Web Push API.
Masashi Watanabe, General Manager, Group Marketing Department, Rakuten Inc.
Lihat halaman Scale on web case study untuk mengetahui kisah sukses lainnya dari India dan Asia.