Web uygulamalarını yüklenebilir hale getirmek trafiği, ziyaretçileri elde tutma oranını, müşteri başına satışları ve dönüşümleri artırdı.
Rakuten 24, Japonya'daki en büyük e-ticaret şirketlerinden biri olan Rakuten tarafından sağlanan bir online mağazadır. Market, ilaç, sağlık, mutfak eşyaları ve diğer pek çok günlük üründen oluşan geniş bir seçki sunuyor. Ekibin geçen yılki temel hedefi, mobil müşterileri elde tutma oranını ve yeniden etkileşimi artırmaktı. Web uygulamasını yüklenebilir hale getirerek, 1 aylık bir zaman aralığında önceki mobil web akışına kıyasla ziyaretçileri elde tutma oranında% 450'lik bir artış elde ettiler.
Fırsatı vurgulama
Rakuten 24, pazar payı elde etmek ve kullanıcı deneyimini iyileştirmek için aşağıdaki fırsat alanlarını belirledi:
- Nispeten yeni bir hizmet olan Rakuten 24, hem iOS hem de Android için platforma özel uygulama geliştirmeye zaman ve maliyet ayıracak konumda değildi ve bu boşluğu doldurmanın alternatif ve etkili bir yolunu arıyordu.
- Rakuten-Ichiba (Rakuten'in e-ticaret pazar yeri) Japonya'daki en büyük hizmet olduğundan, birçok kişi Rakuten 24'ün Rakuten-Ichiba'da satıcı olduğunu düşünüyor. Sonuç olarak, marka bilinirliğine yatırım yapmaları ve kullanıcıları elde tutma oranını artırmaları gerektiğini fark ettiler.
Kullandıkları araçlar
Yüklenebilirlik
Rakuten 24, yukarıda tanımlanan iki fırsatı yakalamak için yüklenebilirlikten başlayarak Progresif Web Uygulaması (PWA) özelliklerini kademeli olarak geliştirmeye karar verdi. Yüklenebilirlik uygulamasının uygulanması trafik, ziyaretçi elde tutma, müşteri başına satış ve dönüşüm sayılarını artırdı.
beforeinstallprompt
Ekip, yükleme diyaloglarının davranışı üzerinde daha fazla esneklik ve kontrol sahibi olmak için beforeinstallprompt
etkinliğini kullanarak kendi yükleme istemini uyguladı. Bu sayede, uygulamanın Android'de mi yoksa iOS'te mi yüklü olduğunu tespit edip kullanıcılarına daha anlamlı ve alakalı bir deneyim sunabiliyorlar.
Özel yükleme talimatları
Banner'dan PWA'yı yükleyemeyen kullanıcılar, PWA'nın hem Android hem de iOS cihazlara manuel olarak nasıl yükleneceğiyle ilgili talimatlar içeren bir özel kılavuz (banner'dan bağlantısı) oluşturdu.
![Özel yükleme talimatlarının ekran görüntüleri.](https://web.dev/static/case-studies/rakuten-24/image/screenshots-the-custom-i-b01425f726ccd.png?authuser=5&hl=tr)
Service Worker'lar için çalışma kutusu
Rakuten 24 ekibi, kullanıcı çevrimdışı veya kötü bir ağda olsa bile PWA'nın iyi çalıştığından emin olmak için Workbox'tan (daha kesin bir ifadeyle workbox-webpack-plugin) yararlandı. Workbox'ın önbelleği kontrol etmeye yönelik API'leri, Rakuten 24'ün önceki şirket içi komut dosyasından önemli ölçüde daha iyi çalıştı. Dahası, workbox-webpack-plugin (ve Babel) ile, daha geniş bir tarayıcı yelpazesini destekleme sürecini otomatikleştirmeyi başardı. Ağ esnekliğini daha da artırmak için CSS ve JS öğeleri için önbellek öncelikli bir strateji uyguladılar ve sık sık değişmeyen görüntüleri için stale-till-reValidate özelliğini kullandılar.
İşletmenin genel sonuçları
Yüklenebilirliği uygulayan Rakuten 24, web kullanıcılarının geri kalanına kıyasla kullanıcı başına ziyaret sıklığını% 310 artırmayı başardı. Ayrıca ziyaretçileri elde tutma oranında %450 (önceki mobil web akışına kıyasla), müşteri başına satışlarda %150 ve dönüşüm oranında% 200 artış elde etti. 1 aylık zaman aralığında tüm iyileştirmeler gözlemlendi.
![Kullanıcı başına ziyaret sıklığında% 310 artış. Ziyaretçileri elde tutma oranında% 450 artış. Müşteri başına satışlarda% 150 artış.Dönüşüm oranında% 200 artış.](https://web.dev/static/case-studies/rakuten-24/image/310-increase-visit-freq-335fa9556e79f.png?authuser=5&hl=tr)
Yüklenebilirlik konusunda işletmenin iyileştirdiği diğer yöntemler
- Marka Bilinirliği: Kullanıcılar Rakuten 24'e doğrudan ana ekranlarından erişebildikleri için bu, hem kullanıcıların hem de Rakuten'in Rakuten 24'ü Rakuten-Ichiba'dan ayırmasına yardımcı oldu.
- Verimlilik: Rakuten 24, iOS ve Android için platforma özgü uygulamalar oluşturmak için önemli ölçüde zaman ve para harcamadan bu sonuçları elde etmeyi başardı.
Misyonumuz, inovasyon ve girişimcilik yoluyla değer yaratarak topluma katkıda bulunmaktır. Bunu gerçekleştirmeye yönelik adımlardan biri, A2HS'yi uygulayarak Rakuten 24 müşteri deneyimini iyileştirmekti. Ayrıca yakın gelecekte Web Push API'yi kullanarak push bildirimleri geliştirerek PWA etkileşimimizi ve müşteri teklifimizi iyileştirmeyi de planlıyoruz.
Masashi Watanabe, Genel Müdür, Grup Pazarlama Departmanı, Rakuten Inc.
Hindistan ve Asya'dan diğer başarı öyküleri için Web örnek olaylarında ölçeklendir sayfasına göz atın.