แบรนด์เครื่องสำอางหรู Lancôme ได้เปิดตัว Progressive Web App (PWA) กับ Mobify เพื่อมอบประสบการณ์ที่รวดเร็วเหมือนแอปบนเว็บในอุปกรณ์เคลื่อนที่เพื่อเพิ่มทั้งการเข้าชมและการมีส่วนร่วมอีกครั้ง
- Conversion เพิ่มขึ้น 17%
- เซสชันบนอุปกรณ์เคลื่อนที่บน iOS เพิ่มขึ้น 53%
- อัตรา Conversion เพิ่มขึ้น 8% ในรถเข็นที่กู้คืนผ่านข้อความ Push
ชาเลนจ์
ลังโคมเห็นการเข้าชมบนเดสก์ท็อปสุริยุปราคาจากการเข้าชมบนเดสก์ท็อปเป็นครั้งแรกในปี 2016 แม้ว่าจำนวนผู้เข้าชมเว็บไซต์ในอุปกรณ์เคลื่อนที่จะมีจำนวนเพิ่มมากขึ้นเรื่อยๆ แต่อัตรา Conversion อุปกรณ์เคลื่อนที่ก็ไม่ตรงกับอัตราสำหรับเดสก์ท็อป แม้ว่า 38% ของรถเข็นช็อปปิ้งนำไปสู่คำสั่งซื้อบนเดสก์ท็อป แต่อัตรา Conversion ของเว็บบนอุปกรณ์เคลื่อนที่กลับมีเพียง 15% เท่านั้น ความไม่สอดคล้องนี้เผยให้เห็นว่าผู้บริโภคพบอุปสรรคสำคัญเมื่อพยายามซื้อสินค้าบนอุปกรณ์เคลื่อนที่ เมื่อเว็บบนอุปกรณ์เคลื่อนที่กลายเป็นส่วนสำคัญหลัก ลังโคมก็ประสบปัญหาในการสร้างประสบการณ์ ที่รวดเร็วและน่าสนใจให้กับผู้เลือกซื้อเว็บบนอุปกรณ์เคลื่อนที่
เราเพียงสร้างแอปขึ้นมาเองไม่ได้หรือ
ตอนแรก ลังโคมคิดจะสร้างแอปอีคอมเมิร์ซสำหรับอุปกรณ์เคลื่อนที่ แต่คิดว่า แอปเหมาะกับลูกค้าที่เข้าชมเป็นประจำเท่านั้น พวกเขาเข้าใจว่าผู้เลือกซื้อในเว็บไซต์บนอุปกรณ์เคลื่อนที่ของลังโคมมีพฤติกรรมไม่เหมือนเดิม และไม่ยอมกลับมาใช้แอปอีคอมเมิร์ซทุกสัปดาห์ ไม่นับว่าเป็นทุกวัน ลังโคมต้องการสร้างประสบการณ์ของผู้ใช้ (UX) ที่เหมาะสม บนอุปกรณ์ทั้งหมดของตน บริษัทต้องการประสบการณ์การใช้งาน emobile ที่โหลดได้เร็วและน่าสนใจ ซึ่งคล้ายกับสิ่งที่ทำได้จากแอปที่มาพร้อมเครื่อง แต่เป็นแอปที่ค้นพบได้และเข้าถึงได้สำหรับทุกคนผ่านเว็บในอุปกรณ์เคลื่อนที่
โซลูชัน
แทนที่จะอัปเดตเว็บไซต์ที่เกี่ยวข้องเพียงเล็กน้อย Lancôme หันมาใช้เทคโนโลยีของ PWA เพื่อมอบประสบการณ์ใช้งานที่สมจริงเหมือนแอป พวกเขาใช้ประโยชน์จาก Service Worker เพื่อมอบประสิทธิภาพที่เชื่อถือได้ในเครือข่ายที่ไม่เสถียร และข้อความ Push เพื่อการมีส่วนร่วมอีกครั้ง PWA ที่ดีที่สุดของบริษัทได้คะแนนประสิทธิภาพ 94 เต็ม 100 ใน Lighthouse ซึ่งเป็นเครื่องมืออัตโนมัติสำหรับการปรับปรุงคุณภาพหน้าเว็บ
สำหรับ PWA ใหม่ เวลาจนกว่าหน้าเว็บจะมีการโต้ตอบลดลง 84% เมื่อเทียบกับประสบการณ์การใช้งานแบบเดิมบนอุปกรณ์เคลื่อนที่ โดยมีอัตราตีกลับลดลง 15% ที่สอดคล้องกัน Lancôme พบว่าเซสชันในอุปกรณ์เคลื่อนที่ของตนเพิ่มขึ้นมากกว่า 50% และ Conversion เพิ่มขึ้น 17% กลยุทธ์ใหม่นี้ยังมอบประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้นในทุกแพลตฟอร์มด้วย iOS มีความสำคัญอย่างยิ่งสำหรับลังโคม โดย 65% ของผู้ใช้ทั้งหมดที่ไปยัง PWA ใช้งานบน iPhone ด้วย PWA ใหม่ Lancôme พบว่าระยะเวลาเซสชันเพิ่มขึ้น 53% และอัตราตีกลับลดลง 10% สำหรับผู้ใช้ iPhone (แม้ว่ารายการเมนู "เพิ่มลงในหน้าจอหลัก", ข้อความ Push และการแคชแบบออฟไลน์ไม่พร้อมใช้งานเนื่องจาก iOS ไม่สนับสนุน PWA ของผู้ปฏิบัติงานบริการ)
อัตราการมีส่วนร่วมที่สูงขึ้นของลังโคมส่งผลให้เว็บไซต์ใหม่มีความเร็วในการดาวน์โหลดเพิ่มขึ้นและการปรับปรุงอินเทอร์เฟซผู้ใช้ ในอุปกรณ์ Android (ซึ่งสนับสนุนโปรแกรมทำงานของบริการ) ลังโคมยังใช้ประโยชน์จากเทคโนโลยีการมีส่วนร่วมซ้ำ เช่น ข้อความ Push ซึ่งเริ่มเป็นที่นิยมในหมู่ผู้ใช้ ผู้เลือกซื้อกว่า 18,000 คนได้ลงชื่อสมัครรับการแจ้งเตือนนับตั้งแต่ที่เว็บไซต์เปิดตัวในเดือนตุลาคม 2016 การแจ้งเตือนจะมีลักษณะเหมือนกับการแจ้งเตือนในแอปที่มาพร้อมเครื่องและจะได้รับแม้ว่าเบราว์เซอร์จะไม่ทำงานอีกต่อไปก็ตาม ลังโคมส่งการแจ้งเตือน 4-5 ครั้งต่อเดือนเกี่ยวกับโปรโมชันและการเปิดตัวผลิตภัณฑ์สุดพิเศษ 8% ของผู้บริโภคที่แตะข้อความ Push จะทำการซื้อ ซึ่งสูงกว่าอัตรา Conversion ของเว็บไซต์บนเดสก์ท็อปอย่างมาก ลังโคมยังประสบความสำเร็จอย่างมากในการใช้ข้อความ Push เพื่อเข้าถึงผู้เลือกซื้อที่เคยละทิ้งรถเข็นกลางคันอีกครั้ง กลยุทธ์ใหม่นี้ทำให้อัตราการเปิดบนอุปกรณ์เคลื่อนที่มาถึง 18% และอัตรา Conversion ของรถเข็นที่ถูกละทิ้งกลางคันเพิ่มขึ้น 8%
บอกทั้งหมดได้ว่า PWA ประสบความสำเร็จอย่างล้นหลาม ซึ่งช่วยยักษ์ใหญ่ด้านความงาม ในการสร้างความก้าวหน้าอันยิ่งใหญ่สู่เว็บบนอุปกรณ์เคลื่อนที่
ผลลัพธ์
โดยรวม
- เวลาลดลง 84% จนกว่าหน้าเว็บจะมีการโต้ตอบ
- Conversion เพิ่มขึ้น 17%
- อัตราตีกลับลดลง 15%
- เซสชันบนอุปกรณ์เคลื่อนที่เพิ่มขึ้น 51%
iOS
- เซสชันบนอุปกรณ์เคลื่อนที่บน iOS เพิ่มขึ้น 53%
- อัตราตีกลับลดลง 10% บน iOS
พุช
- 8% ของผู้บริโภคที่แตะข้อความ Push ทำการซื้อ
- อัตราการเปิดจากข้อความ Push 18%
- อัตรา Conversion เพิ่มขึ้น 12% ในรถเข็นที่กู้คืนผ่านข้อความ Push