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

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

Collin Dion Agata
Collin Dion Agata
Swetha Gopalakrishnan
Swetha Gopalakrishnan

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

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

42%

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

8เท่า

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 ผู้จัดการผลิตภัณฑ์อาวุโสของ Blibli

รูปภาพโดย Cristian Escobar จาก Unsplash