10 ตัวอย่าง Magento PWA ที่ดีที่สุด

ด้วยการถือกำเนิดขึ้นล่าสุดของ Magento PWA Studio เป็นเรื่องปกติที่ Magento PWA จำนวนมากขึ้นกำลังหาทางเข้าสู่ฉากอีคอมเมิร์ซ โดยแนะนำประสบการณ์การช็อปปิ้งที่ดีขึ้นสำหรับลูกค้าออนไลน์ ในบรรดา Magento PWAs ใหม่เหล่านี้ มีหน้าตาใหม่ๆ ที่น่าสนใจซึ่งเราแทบรอไม่ไหวที่จะแบ่งปันกับคุณ:

Magento PWA คืออะไร?

Magento PWA เป็น Progressive Web App ที่มีแบ็กเอนด์ของ Magento ซึ่งหมายความว่า Magento PWA ควรเหมือนกับแอปเนทีฟทั่วไปของคุณ ทั้งฟังก์ชันการทำงานและรูปลักษณ์ และสิ่งที่ทำให้เทคโนโลยีนี้กลายเป็นแนวทางใหม่ที่เป็นที่ต้องการก็คือความสามารถในการเปลี่ยนหน้าร้านให้เป็นเวอร์ชันที่มีประสิทธิภาพมากขึ้นด้วยความเร็วในการโหลดที่เร็วขึ้นและประสบการณ์ที่ราบรื่นและเชื่อมต่อกันมากขึ้น

นอกจากนี้ เนื่องจาก Magento PWA เป็นแบบไม่มีส่วนหัว คุณจะได้รับความยืดหยุ่นและความสามารถในการปรับแต่งที่มากขึ้นด้วย Magento PWA เนื่องจากสถาปัตยกรรมแบบไม่มีส่วนหัวหมายความว่าคุณไม่ถูกจำกัดเฉพาะเทคโนโลยีส่วนหน้าที่เฉพาะเจาะจงอีกต่อไป และสามารถเลือกเส้นทางการอัพเกรดได้อย่างอิสระ

โดยทั่วไปแล้ว Magento PWA จะถูกสร้างขึ้นด้วย Magento PWA Studio ซึ่งเป็นชุดเครื่องมือที่ Magento สร้างขึ้นเองเพื่อช่วยผลักดันการนำ PWA ไปใช้ในอนาคต ต้องขอบคุณโครงการ Magento PWA Studio นักพัฒนาจึงสามารถพัฒนา ปรับใช้ และบำรุงรักษาหน้าร้าน PWA ที่ด้านบนของแบ็กเอนด์ของ Magento สร้างเว็บไซต์ที่เร็วขึ้น ปลอดภัยขึ้น ตอบสนองมากขึ้น และปฏิบัติตามหลักการของ Magento ในเรื่องการขยายและโมดูล

 บทความที่เกี่ยวข้อง: เปรียบเทียบ Magento Theme กับ PWA Storefront

10 ตัวอย่าง Magento PWA ที่ดีที่สุดสำหรับแรงบันดาลใจของคุณ

ด้านล่างนี้คือตัวอย่างต่างๆ ของ Magento PWA ที่คุณสามารถใช้เป็นข้อมูลอ้างอิงสำหรับประสิทธิภาพและการทำงานที่คาดหวังได้:

1. เอเลกันซา

Eleganza ซึ่งตั้งอยู่ในเนเธอร์แลนด์คือร้านค้าปลีกแฟชั่นระดับไฮเอนด์ที่มีชื่อเสียงซึ่งเป็นที่รู้จักจากการขายแบรนด์ต่างๆ เช่น Valentino, Versace, Michael Kors และอีกมากมาย แบรนด์มีร้านค้าที่มีหน้าร้านจริง 5 แห่งทั่วประเทศและร้านค้าบนเว็บของตนเอง แต่เนื่องจาก 90% ของลูกค้าใช้โทรศัพท์มือถือเพื่อเยี่ยมชมร้านค้าออนไลน์ แบรนด์จึงมองเห็นโอกาสในการมอบประสบการณ์ที่ดีขึ้นและเป็นผลให้ , สร้างรายได้มากขึ้น

ก่อนหน้านี้ Eleganza เคยเปิดร้าน Magento 1 ที่รองรับสี่ภาษา และเมื่อเห็นว่า Magento 1 ใกล้จะสิ้นสุดอายุการใช้งาน พวกเขาพึ่งพา Magento 2 และ PWA เพื่อพลิกโฉมประสบการณ์การช็อปปิ้งบนมือถือ ไซต์ Magento PWA ใหม่ของพวกเขาได้รับการพัฒนาโดย Team Experius และไม่ทำให้ผิดหวังอย่างแน่นอน

“เราตั้งตารอที่จะตระหนักถึงคุณค่าเพิ่มเติมในอนาคต เนื่องจาก กปภ. ไม่เพียงแต่นำเราไปสู่แถวหน้าของตลาดของเราเท่านั้น แต่ยังทำให้เราอยู่ที่นั่นไปอีกหลายปี”

Guus van der Staak ผู้จัดการอีคอมเมิร์ซที่ Eleganza

2. ปีเตอร์ แจ็คสัน

ผู้ผลิตอัญมณีอย่าง Peter Jackson พบว่าตัวเองอยู่ในปริศนาที่คล้ายคลึงกันกับ Eleganza เนื่องจากพวกเขามีร้าน Magento 1 รุ่นเก่าที่ไม่ได้ผลเท่าที่ควรเพื่อดึงดูดลูกค้าให้มากขึ้น

และเช่นเดียวกับแบรนด์อื่นๆ ในขณะนั้น ความเร็ว เป็นปัญหาหลักของ Peter Jackson ไซต์ของพวกเขาใช้เวลาโหลดโดยเฉลี่ยแปดวินาที และมันทำร้ายธุรกิจของพวกเขาจริงๆ เนื่องจากสิ่งนี้ทำให้ผู้ใช้รู้สึกหงุดหงิดและประสบการณ์โดยรวมที่ไม่เป็นที่พอใจ ยิ่งไปกว่านั้น การค้นหาเส้นทางบนเว็บไซต์ก็ไม่ใช่สิ่งที่ดีที่สุด ลูกค้าขาดตัวเลือกการกรองที่ใช้งานง่ายจริง ๆ และเส้นทางการนำทางที่ง่ายขึ้น ซึ่งส่งผลให้สูญเสียยอดขายมากขึ้นเนื่องจากลูกค้าประสบปัญหาในการหาผลิตภัณฑ์ที่เหมาะสม

ด้วยไซต์ Magento PWA ใหม่ที่พัฒนาโดย every1 ทั้งหมดนี้จึงไม่ใช่ปัญหาอีกต่อไป เว็บไซต์ใหม่นี้ใช้งานง่ายด้วยวิธีการกรองที่ชาญฉลาด พร้อมด้วยวิธีการใหม่ๆ ที่จะช่วยให้ลูกค้าเข้าถึงผลิตภัณฑ์ที่ต้องการได้เร็วขึ้น ทุกอย่างแสดงผลภายในเสี้ยววินาที ซึ่งนำไปสู่การมีส่วนร่วมที่มากขึ้น การแปลงที่มากขึ้น และลดอัตราตีกลับลงอย่างมาก

3. เบเนคอส

การผสมผสานเครื่องสำอาง "ธรรมดา" ที่มีเสน่ห์และเครื่องสำอางออร์แกนิกที่ได้รับการรับรองซึ่งได้รับการรับรองซึ่งได้รับการรับรอง Benecos เป็นแบรนด์ที่คุณควรพกติดตัวหากเครื่องสำอางออร์แกนิกเป็นของคุณ และคล้ายคลึงกับแบรนด์เกิดใหม่หลายๆ แห่งในขณะนั้นที่ให้ความสำคัญกับวัสดุออร์แกนิกและความไว้วางใจของลูกค้าเป็นอันดับแรก แบรนด์จำเป็นต้องมีประสบการณ์การช็อปปิ้งที่น่ายินดีและมีส่วนร่วมซึ่งแสดงถึงบุคลิกของแบรนด์

ทั้งหมดนี้ทำได้ด้วย Magento PWA ที่ผลิตขึ้นเองโดย SimiCart หน้าร้านที่ขับเคลื่อนด้วย PWA ใหม่ของพวกเขามีรูปลักษณ์และฟีเจอร์ที่เหมือนแอพใหม่ และด้วยคุณสมบัติแบบกำหนดเองที่รวมอยู่ใน (ค้นหา Stockist ที่ใกล้ที่สุด เพิ่มผลิตภัณฑ์ลงในรถเข็น/สิ่งที่อยากได้จากรายการพร้อมตัวเลือกสี) เพื่อเพิ่มขีดความสามารถของแบรนด์ด้วยความได้เปรียบในการแข่งขันมากขึ้น ทางแบรนด์พอใจกับการออกแบบเว็บไซต์ใหม่ของพวกเขาเป็นพิเศษ เนื่องจากได้นำเอาภาพรวมและความรู้สึกที่ผสมผสานอย่างลงตัวกับผลิตภัณฑ์ของพวกเขา สร้างประสบการณ์ที่น่ายินดีสำหรับผู้ชมที่เป็นผู้ที่ชื่นชอบสิ่งแวดล้อม

4. เครื่องเทศ

สไปซ์ ห้างสรรพสินค้าที่มีร้านค้ามากกว่า 200 แห่ง ตัดสินใจเข้าร่วมการประปาส่วนภูมิภาคในช่วงที่โควิด-19 พุ่งทะยาน เมื่อล็อกดาวน์หยุดลูกค้าจากการไปในที่สาธารณะ

การออกแบบ UX แบบใหม่ที่ใช้ PWA ได้รวมร้านค้าและผลิตภัณฑ์ทั้งหมดไว้ใต้หลังคาเดียวกัน ซึ่งทำให้พ่อค้ามีช่องทางการขายใหม่เพื่อหารายได้เสริม

การเปลี่ยนแปลงนี้เป็นส่วนหนึ่งของวิสัยทัศน์การสร้างแบรนด์ใหม่ซึ่งมุ่งสร้างธุรกิจที่เข้าถึงได้ง่ายขึ้นในพื้นที่ดิจิทัล ส่วนหนึ่งของสโลแกนใหม่คือ "ใกล้กว่าที่เคย" ถูกนำมาใช้ ประสิทธิภาพที่รวดเร็วปานสายฟ้าของ กปภ. ในขณะที่ช่วยให้พวกเขาเชื่อมต่อกับลูกค้าได้เร็วและดีขึ้น ได้ชมเชยคำขวัญนี้อย่างสมบูรณ์แบบ

5. ถังวิสกี้

Whisky Barrel เป็นผู้เชี่ยวชาญด้านวิสกี้ในเอดินบะระซึ่งมีชื่อเสียงในด้านการบรรจุขวดพิเศษและคุณภาพของมอลต์และวิสกี้ผสม เนื่องจากความต้องการที่เพิ่มขึ้น แบรนด์ต้องเผชิญกับความกังวลเกี่ยวกับประสบการณ์ของผู้ใช้ เนื่องจากรู้สึกว่าไม่ได้มาตรฐานกับคุณภาพของผลิตภัณฑ์ที่พวกเขานำเสนอ

และนี่เป็นความท้าทายสำหรับผู้ให้บริการโซลูชัน (Digital Six)—และไม่ใช่เรื่องง่าย พวกเขาจำเป็นต้องสร้างเว็บไซต์ที่ไม่เพียงแต่มอบประสบการณ์ที่ดีที่สุดเท่าที่เป็นไปได้ แต่ยังต้องสามารถทนต่อปริมาณการใช้งานที่เข้ามาซึ่งมีความต้องการสูงสุด และไซต์ต้องได้รับการออกแบบอย่างสวยงามและยืดหยุ่นเพียงพอเพื่อให้แน่ใจว่า Whisky Barrel ยังคงเป็นผู้บุกเบิกในการจำหน่าย uisge beatha ต่อไป

Magento PWA เป็นก้าวต่อไปของแบรนด์โดยธรรมชาติ และในที่สุดก็เป็นขั้นตอนที่ถูกต้อง ธรรมชาติของ กปภ. ขับเคลื่อนแบรนด์ด้วยเส้นทางผู้ใช้ใหม่ ความเร็วและประสิทธิภาพของไซต์ ควบคู่ไปกับประสบการณ์ผู้ใช้ที่ราบรื่นเป็นพิเศษซึ่งน่าจะตอบสนองได้แม้กระทั่งลูกค้าที่ยากจะพอใจ

6. Selco

Selco ซึ่งเป็นโกดังของผู้สร้าง เป็นหนึ่งในแบรนด์ที่มีชื่อเสียงที่สุดในอุตสาหกรรมของตน โดยมีสาขามากกว่า 68 แห่งทั่วประเทศ อย่างไรก็ตาม Selco พบว่าตนเองมีสถานะออนไลน์ที่จำกัด และคิดว่าพวกเขาต้องการปรับปรุงเกมโดยไปที่หน้าร้านที่ทันสมัย ​​ล้ำหน้ากว่า และเป็นธรรมชาติ Magento PWA คือมัน

ด้วยการใช้ Magento Commerce Edition 2.3 และ Magento PWA Studio ทำให้ WeAreJH สามารถสร้างหน้าร้าน Selco ใหม่ให้เป็น Magento PWA ที่มีประสิทธิภาพ ตอบสนอง และมีประสิทธิภาพ เว็บไซต์ Selco ใหม่ภูมิใจนำเสนอเป็น Progressive Web App แรกที่ปรับใช้สำหรับผู้ค้า B2B บนแพลตฟอร์ม Magento Commerce และมาพร้อมกับคุณสมบัติต่างๆ ได้แก่:

• คลิก & สะสม
• เครื่องคิดเลขวัสดุก่อสร้าง
• การตรวจสอบสต็อกตามเวลาจริง
• ฟังก์ชั่นรายการโครงการ

7. ช็อป Eddies

ด้วยชิ้นส่วนและอุปกรณ์เสริมกว่า 260,000 รายการสำหรับรถยนต์ รถบรรทุก RV และสปอร์ตสปอร์ตที่จำหน่ายในร้านของพวกเขา ShopEddies จึงต้องการโซลูชันที่จะช่วยให้พวกเขาจัดการร้านค้าได้อย่างมีประสิทธิภาพในขณะที่ยังคงมอบประสบการณ์การช็อปปิ้งที่น่าดึงดูดใจ

Magento PWA ได้รับการแนะนำโดย Tigren ว่าเป็นทางออกสุดท้ายสำหรับปัญหาที่ผ่านมาของ Shop Eddies—และ Magento PWA ได้ส่งมอบหรือไม่ หน้าร้านใหม่ที่ขับเคลื่อนโดย กปภ. ซึ่งเปิดตัวเมื่อต้นปี 2563 นั้นรวดเร็วอย่างเห็นได้ชัด มีรูปลักษณ์และความรู้สึกใหม่ทั้งหมดเพื่อแสดงเอกลักษณ์ของแบรนด์ และด้วยการเพิ่มประสิทธิภาพขั้นตอนการชำระเงินเพื่อช่วยปรับปรุงอัตราการแปลง ยิ่งไปกว่านั้น การใช้โซลูชัน Magento PWA ยังหมายความว่า Shop Eddies สามารถให้บริการลูกค้ามือถือได้ดีขึ้นด้วยฟีเจอร์ที่คล้ายกับแอป เช่น การแจ้งเตือนแบบพุช และเพิ่มไปยังหน้าจอหลัก

8. ออโต้เบอร์นาร์ด

Auto Bernard บริษัทจัดจำหน่ายรถยนต์ของฝรั่งเศส ต้องการกลยุทธ์แบบ Omnichannel ซึ่งพวกเขาสามารถสร้างความแตกต่างจากคู่แข่งได้ เป้าหมายหลักของพวกเขาคือการช่วยให้นักช็อปสามารถจองและซื้อรถของพวกเขาได้โดยตรงทางออนไลน์ และให้คำสั่งซื้อออนไลน์ทุกรายการซิงโครไนซ์กับแบ็กเอนด์ของ Magento ในแบบเรียลไทม์

WEBQAM รับความท้าทายนี้และได้พัฒนาเว็บไซต์ Magento PWA ใหม่ล่าสุดสำหรับแบรนด์ เว็บไซต์ใหม่นี้มอบทุกอย่างที่ Auto Bernerd ร้องขอและเหนือกว่าในบางเรื่อง เนื่องจากเว็บไซต์ใหม่นี้เต็มไปด้วยฟีเจอร์ โดยลูกค้าสามารถเปรียบเทียบคุณลักษณะของรถยนต์ได้ถึงสามคันพร้อมกัน ทำการนัดหมาย เพื่อขอใบเสนอราคา—ทุกอย่าง ได้ทางเว็บไซต์

9. ROECKL

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

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

10. โดเบลล์

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

เว็บไซต์ Magento 1 แบบเก่าได้รับการพิสูจน์แล้วว่าล้าสมัย ดังนั้น การย้ายไปยัง Magento 2 จึงเป็นสิ่งจำเป็นเพื่อดึงดูดและเปลี่ยนลูกค้า นอกจากนี้ยังมีการแนะนำคุณลักษณะ "รูปแบบผลิตภัณฑ์ขั้นสูง" ซึ่งช่วยให้ลูกค้าผสมผสานและจับคู่รายละเอียดของรายการและอุปกรณ์เสริมต่างๆ ในคำสั่งซื้อเดียว

เนื่องจากการเพิ่มคุณสมบัติใหม่อาจทำให้ไซต์ช้าลง ความท้าทายอีกประการหนึ่งคือการรักษา UX ที่ราบรื่นและประสิทธิภาพที่รวดเร็ว และ PWA ก็เป็นวิธีที่จะไป ด้วยเหตุนี้ แบรนด์จึงได้รับคลิกทั้งหมดเพิ่มขึ้น 11.8% อัตราการคลิกผ่านเฉลี่ยเพิ่มขึ้น 14.3% และอันดับการจัดอันดับเฉลี่ยลดลง 10,2%

 การอ่านที่แนะนำ: ราคาเท่าไหร่ในการสร้าง PWA สำหรับ Magento

11. G-SP

สำหรับไซต์ทั่วโลกของ Magento ที่มีเว็บไซต์สองแห่งที่แตกต่างกันสำหรับผู้เยี่ยมชม B2B และ B2C แต่ละเว็บไซต์มีมากกว่า 100 หมวดหมู่และหมวดหมู่ย่อย ถือเป็นความท้าทายที่สำคัญสำหรับ G-SP ในการรักษาประสบการณ์การเลื่อนเว็บไซต์ที่ราบรื่น

เจ้าของเว็บไซต์ G-SP ซึ่งขายอุปกรณ์เสริมสำหรับโทรศัพท์และอะไหล่ ทราบปัญหามานานแล้ว และ กปภ. ก็ดูเหมือนจะเป็นทางออกที่ชัดเจน

แม้ว่า PWA มักจะถูกระบุว่าเป็นโซลูชันที่มีประสิทธิภาพในการเพิ่มความเร็วไซต์ Magento แต่สิ่งสำคัญคือต้องรู้ว่าไม่ใช่ทุกไซต์จะสามารถเข้าถึงประสิทธิภาพความเร็วที่น่าทึ่งได้ทันทีหลังจากใช้ PWA การโหลดเว็บไซต์ขึ้นอยู่กับหลายปัจจัย รวมถึงขนาดและการกำหนดค่าทางเทคนิค

อย่างไรก็ตาม กปภ. มีศักยภาพที่จะเร็วกว่าเว็บแอปทั่วไปได้ดีกว่า หากปรับแต่งอย่างถูกต้อง ไซต์ PWA ของ G-SP หลังจากปรับความเร็วโดยทีมงานของเราแล้ว ก็ประสบความสำเร็จในความเร็วมือถือเพิ่มขึ้นสามเท่าและเพิ่มความเร็วเดสก์ท็อปเป็นสองเท่า

 การอ่านที่แนะนำ: กรณีศึกษา G-SP: ก่อนและหลังการแปลง กปภ.

บทสรุป

เนื่องจากมีเพียงผู้ค้าจำนวนมากขึ้นเท่านั้นที่จะเริ่มยอมรับเทคโนโลยีใหม่นี้ และทำให้เป็นประสบการณ์อีคอมเมิร์ซแบบใหม่ Magento PWA จะเป็นประสบการณ์การช็อปปิ้งรูปแบบใหม่ที่เป็นที่ต้องการอย่างไม่ต้องสงสัย ผู้ค้าที่ปฏิบัติตามแนวทาง Magento PWA ได้สูญเสียผลลัพธ์ที่น่าประทับใจไปแล้ว และยิ่งคุณรอดำเนินการนานเท่าใด คุณก็ยิ่งสูญเสียรายได้มากขึ้นเท่านั้น

หากคุณกำลังมองหาผู้ให้บริการ Magento PWA ที่มีคุณภาพ ที่ SimiCart เราคือทีมนักพัฒนา PWA ที่ Google รู้จักซึ่งสามารถนำเสนอโซลูชันที่คุ้มค่าสำหรับธุรกิจของคุณ