PWA ของ Blibli สร้างรายได้ต่อผู้ใช้มากกว่าเว็บไซต์ในอุปกรณ์เคลื่อนที่เดิมถึง 10 เท่า

Blibli ลดอัตราตีกลับได้ 42% อัตรา Conversion บนอุปกรณ์เคลื่อนที่เพิ่มขึ้น 8 เท่า และมีหน้าเว็บต่อเซสชันมากขึ้น 2.5 เท่าได้อย่างไร

Collin Dion Agata
Collin Dion Agata
Swetha Gopalakrishnan
Swetha Gopalakrishnan

Blibli เป็นมาร์เก็ตเพลสอีคอมเมิร์ซที่มีชื่อเสียงในอินโดนีเซีย ในปี 2019 บริษัทมียอดเข้าชมเว็บไซต์เฉลี่ยต่อเดือนมากกว่า 29 ล้านครั้ง ในการศึกษาล่าสุด ทีมเว็บของ Blibli พบว่าแพลตฟอร์มเว็บบนอุปกรณ์เคลื่อนที่ของตน เป็นแพลตฟอร์มการได้ผู้เข้าชมและผู้ใช้ที่สําคัญ โดยมีผู้ใช้เว็บ 70% ที่เข้าชมบนอุปกรณ์เคลื่อนที่ และผู้ใช้เว็บ 30% ที่เข้าชมบนเดสก์ท็อป

ด้วยข้อมูลเชิงลึกดังกล่าว Blibli จึงเริ่มเส้นทางการพัฒนาประสบการณ์การใช้งานเว็บที่ดีขึ้น และปรับปรุง Conversion ด้วยเหตุนี้ แบรนด์จึงได้รับผลลัพธ์ที่ยอดเยี่ยม ดังนี้

42%

การลดอัตราตีกลับ

8x

mCVR ที่ดีขึ้นใน PWA ที่ติดตั้งเมื่อเทียบกับเว็บอุปกรณ์เคลื่อนที่ในเบราว์เซอร์

2.5 x

หน้าเว็บ/เซสชันเพิ่มเติมใน PWA ที่ติดตั้ง

ไฮไลต์โอกาส

Blibli ระบุโอกาสในด้านต่อไปนี้

  • สำหรับ Blibli แพลตฟอร์มเว็บในอุปกรณ์เคลื่อนที่มีความสำคัญต่อการได้ผู้ใช้ใหม่ เนื่องจากผู้ใช้จำนวนมากใช้อุปกรณ์ระดับกลางถึงระดับล่าง
  • เศรษฐกิจอินเทอร์เน็ตของอินโดนีเซียขยายตัวอย่างรวดเร็วนอกเหนือจากเมืองระดับ 1 ดังนั้น PWA และหน้าเว็บที่รวดเร็วจึงเป็นการลงทุนที่ดีในการรองรับความต้องการของผู้ใช้ เช่น พื้นที่เก็บข้อมูลที่จำกัดและเครือข่ายที่ช้า
  • 50% ของผู้ใช้ที่เข้าสู่แพลตฟอร์มเว็บของ Blibli เป็นผู้ใช้ที่กลับมา

วิธีการที่ใช้

ทีมใช้กลยุทธ์แบบเป็นขั้นๆ ในการปรับปรุงระยะสั้นถึงระยะกลางบน แพลตฟอร์มเว็บในอุปกรณ์เคลื่อนที่ ซึ่งรวมถึง

  • เว็บไซต์ที่เพิ่มประสิทธิภาพ รวมถึงหน้าแรกที่ปรับปรุง UX
  • หน้าแรกเวอร์ชัน Lite สำหรับผู้ใช้ใหม่ที่มี Service Worker เพื่อแคชเนื้อหาสำคัญสำหรับการนำทางในภายหลัง
  • Progressive Web App (PWA) สำหรับ ผู้ใช้ที่กลับมา

โฟลว์ผู้ใช้

ผู้เข้าชมใหม่จะเห็นหน้าเว็บที่มีขนาดเล็กซึ่งโหลดเร็วกว่าเดิม 3 เท่า เมื่อเทียบกับหน้าแรกแบบเดิม

หน้าเว็บที่มีขนาดเล็กซึ่งเร็วกว่าหน้าเว็บเดิม 3 เท่า
หน้าเว็บที่มีขนาดเล็กซึ่งเร็วกว่าหน้าเว็บเดิม 3 เท่า

ในหน้าต่อๆ ไป Blibli จะแจ้งให้ผู้ใช้เพิ่มทางลัด PWA ลงในหน้าจอหลัก

ข้อความแจ้งให้เพิ่มลงในหน้าจอหลัก

หากผู้ใช้ขาดการเชื่อมต่อเครือข่าย ระบบจะแสดงหน้าเว็บสำรองที่สวยงามเมื่อออฟไลน์

หน้าสำรองแบบออฟไลน์ที่สวยงาม

หน้าเว็บเวอร์ชัน Lite ของ Blibli สร้างความประทับใจแรกว่า Blibli.com ทำงานได้รวดเร็วและตอบสนองได้ดี นอกจากนี้ หน้าเว็บเวอร์ชัน Lite ยังลดจำนวนฟีเจอร์โดยมุ่งเน้นเฉพาะฟีเจอร์ที่ส่งมอบคุณค่าของ Blibli

การเปรียบเทียบเวลาในการโหลดก่อนและหลังการเพิ่มประสิทธิภาพ

PWA ของ Blibli ติดตั้งได้ ทำให้มีรูปลักษณ์และความรู้สึกเหมือนแอป นอกจากนี้ยัง รวดเร็วและเชื่อถือได้ ซึ่งเป็นผลมาจากการใช้แคช Service Worker และการ สำรองข้อมูลแบบออฟไลน์ที่ราบรื่น

หน้าสำรองแบบออฟไลน์

ซึ่งเป็นเรื่องที่น่ายินดีสำหรับผู้ใช้เว็บ ซึ่งส่วนใหญ่ใช้ อุปกรณ์ระดับกลาง เนื่องจาก PWA ของ Blibli มีขนาดไม่ถึง 1 MB (ซึ่งเบากว่าแอป Android ถึง 24 เท่า) ผู้ใช้จึงมีอุปสรรคในการติดตั้งน้อยลงมาก นอกจากนี้ยังช่วยให้ Blibli รักษาผู้ใช้ได้ง่ายขึ้นพร้อมทั้งมอบประสบการณ์การใช้งานที่ราบรื่นเหมือนแอปให้แก่ผู้ใช้

ตั้งงบประมาณด้านประสิทธิภาพ

Blibli กำหนดการจัดทำงบประมาณตามประสิทธิภาพให้เป็นมาตรฐานประสิทธิภาพภายใน การพัฒนาและการจัดการเทคโนโลยี โดยมีการตรวจสอบมาตรฐานเป็นประจำ โดยเราได้กำหนดให้เป็น KPI ของการพัฒนาเทคโนโลยีภายใน โดยมีคำแนะนำ จากผู้บริหารระดับสูงเพื่อให้มั่นใจว่าผู้ใช้ทุกคนจะได้รับแพลตฟอร์มที่ดีที่สุด

ผลลัพธ์ทางธุรกิจโดยรวม

  • ลดเวลาในการโหลดหน้าเว็บได้ 3 เท่า
  • อัตราตีกลับลดลง 42%
  • อัตรา Conversion บนอุปกรณ์เคลื่อนที่ใน PWA ที่ติดตั้งดีกว่าเว็บในเบราว์เซอร์ บนอุปกรณ์เคลื่อนที่ถึง 8 เท่า
  • เซสชันใน PWA ที่ติดตั้งเพิ่มขึ้น 2.5 เท่า
  • สร้างรายได้ต่อผู้ใช้เพิ่มขึ้น 10 เท่าเมื่อเทียบกับเว็บไซต์ในอุปกรณ์เคลื่อนที่ก่อนหน้า

"ความเร็วและ PWA เป็นการลงทุนที่มีคุณค่าสำหรับเราในการมอบประสบการณ์การใช้งานบนอุปกรณ์เคลื่อนที่ที่ดีที่สุดและแสดงถึงพันธกิจของเราในการมอบแพลตฟอร์มที่ดีที่สุดสำหรับผู้ใช้" —Collin Dion Agata, Lead Product Manager, Blibli