Lancôme mobil web sitesini PWA olarak yeniden oluşturarak dönüşümlerini %17 artırdı

Lancome ayrıntısı

Lüks kozmetik markası Lancôme, hem trafiği hem de yeniden etkileşimi artırmak amacıyla mobil web'de uygulamaya benzer hızlı bir deneyim sunmak için Mobify ile Progresif Web Uygulaması'nı (PWA) kullanıma sundu.

  • Dönüşümlerde% 17 artış
  • iOS'teki mobil oturum sayısında% 53 artış
  • Push bildirimleri sayesinde kurtarılan alışveriş sepetlerindeki dönüşüm oranlarında% 8 artış

Meydan okuma

Lancôme 2016 yılında ilk kez mobil trafiğin masaüstü trafiği geride bıraktığına tanık oldu. Mobil site ziyaretçi sayısındaki artışa rağmen, mobil dönüşüm oranları masaüstününkiyle eşleşmedi. Alışveriş sepetlerinin% 38'i masaüstünden sipariş verilmesini sağlarken, mobil web dönüşüm oranı yalnızca %15'ti. Bu eşitsizlik, tüketicilerin mobil cihazlarından satın alma işlemi gerçekleştirmeye çalışırken önemli engellerle karşılaştıklarını ortaya çıkardı. Mobil web ana odak noktası haline geldiğinde Lancôme mobil web müşterileri için hızlı ve ilgi çekici bir deneyim oluşturmakta zorlandı.

Bunun için bir uygulama geliştiremez miyiz?

Lancôme ilk başta mobil cihazlar için bir e-ticaret uygulaması oluşturmayı düşündü, ancak uygulamanın yalnızca düzenli olarak ziyaret eden müşteriler için yararlı olduğuna karar verdi. Lancôme’un mobil sitesindeki alışveriş yapanların farklı davranışlar sergilediğini ve hatta günlük bir yana, her hafta bir e-ticaret uygulamasına dönmeyeceklerini anladılar. Lancôme tüm cihazlarında doğru kullanıcı deneyimini (UX) oluşturmak istiyordu. Şirket, yerel bir uygulamayla elde edebileceğine benzer şekilde, hızlı yüklenen ve etkileyici bir e-mobil deneyime ihtiyaç duyuyordu. Aynı zamanda, mobil web üzerinden herkes için keşfedilebilir ve erişilebilir bir deneyime de ihtiyaç duyuyordu.

Çözüm

Lancôme, temel sitesini minimum düzeyde güncellemek yerine sürükleyici, uygulama benzeri bir deneyim sunmak için PWA teknolojilerine yöneldi. Kararsız ağlarda güvenilir performans sunmak ve yeniden etkileşimle ilgili bildirimleri aktarmak için Service Worker'lardan yararlandılar. Web sayfası kalitesini iyileştirmek için kullanılan otomatik bir araç olan Lighthouse, sınıfının en iyisi olan PWA'da 94/100 performans puanına ulaştı.

Yeni PWA ile, sayfanın etkileşimli hale gelmesine kadar geçen süre önceki mobil deneyimine kıyasla %84 azaldı. Bu da hemen çıkma oranlarında% 15'lik bir düşüşe karşılık geliyor. Lancôme mobil oturumlarında %50'den fazla artış ve %17 dönüşüm artışı sağladı. Yeni strateji aynı zamanda platformlar genelinde çok daha iyi bir kullanıcı deneyimi sağladı. iOS, Lancôme için son derece önemli. PWA'ya (Progresif Web Uygulaması) ulaşan tüm kullanıcıların% 65'i iPhone'larda. Lancôme, yeni PWA'ları sayesinde iPhone kullanıcıları arasında oturum süresinde %53 artış ve hemen çıkma oranında% 10 düşüş gördü (hizmet çalışanlarının PWA'sı için iOS desteğinin olmaması nedeniyle "Ana ekrana ekle" menü öğesi, push bildirimleri ve çevrimdışı önbelleğe almanın kullanılamamasına rağmen).

Lancôme'un yüksek etkileşim oranı, yeni sitenin indirme hızlarının ve kullanıcı arayüzü iyileştirmelerinin sonucudur. Lancôme, (hizmet çalışanlarını destekleyen) Android cihazlarda, kullanıcılar arasında oldukça popüler hale gelen push bildirimleri gibi yeniden etkileşim teknolojilerinden de yararlandı: Sitenin Ekim 2016'da kullanıma sunulmasından bu yana 18.000'den fazla tüketici uyarı almak için kaydoldu. Bildirimler yerel uygulamalardakilerle aynı görünür ve tarayıcı artık çalışmıyor olsa da gönderilir. Lancôme, özel promosyonlar ve ürün sürümleri için her ay dört veya beş uyarı gönderir. Push bildirimine dokunan tüketicilerin% 8'i satın alma işlemi gerçekleştiriyor. Bu oran, masaüstü web sitesi dönüşüm oranından çok daha yüksek. Lancôme ayrıca alışveriş sepetlerini terk eden tüketicilerle tekrar bağlantı kurmak için push bildirimlerini kullanma konusunda da büyük başarı elde etti. Yeni strateji, mobil cihazlarda% 18 açma oranı sağladı ve terk edilen alışveriş sepetlerinin dönüşüm oranları %8 arttı.

Daha önce söylediğimiz gibi, PWA büyük bir başarı elde ederek güzellik devinin mobil web'de büyük adımlar atmasına yardımcı oldu.

Sonuçlar

Genel

  • Sayfa etkileşimli hale gelene kadar geçen sürede% 84 azalma
  • Dönüşümlerde% 17 artış
  • Hemen çıkma oranında% 15 azalma
  • Mobil oturumlarda% 51 artış

iOS

  • iOS'teki mobil oturum sayısında% 53 artış
  • iOS'teki hemen çıkma oranlarında% 10 düşüş

Push

  • Push bildirimine dokunan tüketicilerin% 8'i satın alma işlemi gerçekleştiriyor
  • Push Bildirimleri'nden gelen açılma oranı: %18
  • Push Bildirimleri sayesinde kurtarılan alışveriş sepetlerindeki dönüşüm oranlarında% 12 artış