10 أفضل أمثلة Magento PWA

مع ظهور Magento PWA Studio مؤخرًا ، من الطبيعي أن يجد المزيد من Magento PWAs طريقهم إلى مشهد التجارة الإلكترونية ، مما يوفر تجربة تسوق محسنة للعملاء عبر الإنترنت. من بين هذه Magento PWAs الجديدة ، هناك بعض الوجوه الجديدة الواعدة التي لا يمكننا الانتظار لمشاركتها معك:

ما هو Magento PWA؟

Magento PWA هو تطبيق ويب تقدمي مع خلفية Magento ، مما يعني أن Magento PWA يجب أن يكون تمامًا مثل تطبيقك الأصلي النموذجي - وظائفه وشكله الحكيم. وما يجعل هذه التقنية تصبح النهج الجديد المرغوب فيه هو قدرتها على تحويل واجهات المتاجر إلى نسخة أكثر أداءً من نفسها ، مع سرعة تحميل أسرع وتجربة أكثر اتصالاً وانسيابية.

بالإضافة إلى ذلك ، نظرًا لأن Magento PWAs بلا رأس بطبيعتها ، يمكنك الحصول على مزيد من المرونة والقابلية للتخصيص باستخدام Magento PWA ، نظرًا لأن البنية بدون رأس تعني أنك لم تعد مقيدًا بتقنية واجهة أمامية محددة ويمكنك اختيار مسار الترقية بحرية.

تم تصميم Magento PWAs عادةً باستخدام Magento PWA Studio ، وهو عبارة عن مجموعة من الأدوات التي صنعتها Magento نفسها للمساعدة في دفع اعتماد PWA إلى الأمام. بفضل مشروع Magento PWA Studio ، يمكن للمطورين تطوير ونشر وصيانة واجهات متاجر PWA أعلى الواجهة الخلفية لماجينتو ، وإنشاء مواقع ويب أسرع وأكثر أمانًا واستجابة وتلتزم بمبدأ Magento المتمثل في القابلية للتوسع والنمطية.

 مقالات ذات صلة: مقارنة موضوع Magento بواجهة متجر PWA

أفضل 10 أمثلة على Magento PWA لإلهامك

فيما يلي أمثلة مختلفة لـ Magento PWAs التي يمكنك استخدامها كمرجع للأداء والوظائف المتوقعة:

1. إليجانزا

يقع مقر شركة Eleganza في هولندا ، وهو تاجر تجزئة شهير للأزياء الراقية معروف ببيع العلامات التجارية مثل Valentino و Versace و Michael Kors والمزيد. تمتلك العلامة التجارية خمسة متاجر حقيقية في جميع أنحاء البلاد بالإضافة إلى متاجر ويب خاصة بها ، ولكن نظرًا لأن 90 ٪ من عملائها يستخدمون الهواتف المحمولة لزيارة متاجرهم عبر الإنترنت ، فقد رأت العلامة التجارية فرصة لتقديم تجربة أفضل وبالتالي ، تدر المزيد من الإيرادات.

كانت Eleganza تدير سابقًا متجر Magento 1 مع دعم لأربع لغات ، ولأنها اقتربت نهاية حياة Magento 1 ، فقد اعتمدوا على Magento 2 و PWAs لتحويل تجربة التسوق عبر الهاتف المحمول. تم تطوير موقع Magento PWA الجديد الخاص بهم بواسطة Team Experius وهو بالتأكيد لم يخيب أملك.

"نتطلع إلى تحقيق قيمة إضافية في المستقبل لأن PWA لا تضعنا في طليعة سوقنا فحسب ، بل تبقينا هناك لسنوات قادمة."

Guus van der Staak ، مدير التجارة الإلكترونية في شركة Eleganza

2. بيتر جاكسون

وجد صائغ المجوهرات بيتر جاكسون نفسه في معضلة مماثلة مثل Eleganza ، حيث كان لديهم أيضًا متجر Magento 1 القديم الذي لم يكن يعمل كما ينبغي لجذب المزيد من العملاء.

وكما هو الحال مع العلامات التجارية الأخرى في ذلك الوقت ، كانت السرعة هي الشغل الشاغل لبيتر جاكسون. اعتاد تحميل موقعهم في المتوسط ​​ثماني ثوانٍ ، وكان ذلك يضر بأعمالهم حقًا لأن هذا تسبب في إحباط المستخدم وتجربة غير مرحب بها بشكل عام. علاوة على ذلك ، لم يكن العثور على الطريق على موقع الويب الخاص بهم هو الأفضل. افتقر العملاء إلى خيارات تصفية حقيقية سهلة الاستخدام ومسار تنقل أسهل ، مما أدى بعد ذلك إلى المزيد من الخسائر في المبيعات حيث كان العملاء يكافحون في العثور على المنتجات المناسبة.

مع موقع Magento PWA الجديد الذي طورته Every1 ، لم يعد كل هذا مشكلة. يسهل التنقل في الموقع الجديد بفضل طرق التصفية الذكية ، بالإضافة إلى طرق جديدة لمساعدة العملاء على الوصول إلى المنتج المطلوب بشكل أسرع. يتم عرض كل شيء في غضون مللي ثانية ، مما يؤدي إلى المزيد من المشاركات ، والمزيد من التحويل ، وخفض معدلات الارتداد بشكل كبير.

3. Benecos

من خلال الجمع بين أفضل مستحضرات التجميل "التقليدية" الساحرة ومستحضرات التجميل العضوية المعتمدة التي تحافظ على الموارد ، فإن Benecos هي علامتك التجارية المفضلة إذا كانت مستحضرات التجميل العضوية هي الشيء الذي تفضله. وعلى غرار العديد من العلامات التجارية الناشئة في ذلك الوقت التي تضع المواد العضوية وثقة العملاء كأولوية قصوى لها ، كانت العلامة التجارية بحاجة إلى تجربة تسوق ترحيبية وجذابة تُظهر شخصية علامتها التجارية.

تم تحقيق كل هذا باستخدام Magento PWA المصنوع خصيصًا بواسطة SimiCart. تقدم واجهة المتجر الجديدة التي تعمل بنظام PWA الآن مظهرًا وميزات جديدة شبيهة بالتطبيقات ، ومع ميزات مخصصة مدمجة في (البحث عن أقرب متجر ، إضافة منتجات إلى عربة التسوق / قائمة الرغبات من القائمة مع خيارات الألوان) لتمكين العلامة التجارية بميزة تنافسية أكثر. كانت العلامة التجارية راضية بشكل خاص عن إعادة التصميم الجديدة لموقعها على الويب ، حيث إنها تجلب كلًا وتشعرًا يمتزجان تمامًا مع منتجاتها ، مما يخلق تجربة ترحيبية لجمهورهم من عشاق البيئة.

4. التوابل

قرر Spice ، وهو مركز تسوق يضم أكثر من 200 متجر ، أن يتعامل مع PWA خلال طفرة Covid19 عندما منع الإغلاق العملاء من الذهاب إلى الأماكن العامة.

وحد تصميم UX الجديد المستند إلى PWA جميع المتاجر ومنتجاتها تحت سقف واحد ، مما أعطى التجار قناة بيع جديدة للحصول على دخل إضافي.

كان التحول جزءًا من رؤية العلامة التجارية الجديدة التي تهدف إلى إنشاء أعمال يسهل الوصول إليها في الفضاء الرقمي. كجزء منه ، تم تقديم شعار جديد - "أقرب من أي وقت مضى". إن الأداء السريع لـ PWA ، مع مساعدتهم على التواصل مع عملائهم بشكل أسرع وأفضل ، قد أكمل هذا الشعار تمامًا.

5. برميل الويسكي

The Whisky Barrel هو متخصص في الويسكي ومقره إدنبرة يشتهر بتعبئته الحصرية وجودة الويسكي الممزوج بالشعير. نظرًا لزيادة الطلب ، واجهت العلامة التجارية مخاوف بشأن تجربة المستخدم حيث شعروا أنها لا تتناسب مع جودة المنتجات التي يقدمونها.

وهذا يمثل تحديًا لمزود الحلول (Digital Six) - ولم يكن بالأمر السهل. لقد احتاجوا إلى إنشاء موقع لا يقدم فقط أفضل تجربة ممكنة ولكنه قادر أيضًا على تحمل الحركة الواردة لذروة الطلب ؛ ويحتاج الموقع أيضًا إلى أن يكون مصممًا بشكل جميل ومرن بدرجة كافية لضمان استمرار The Whisky Barrel في ريادته في توزيع uisge beatha .

كانت Magento PWA بطبيعة الحال الخطوة التالية لعلامتهم التجارية ، وكانت في النهاية الخطوة الصحيحة. تدعم طبيعة PWA العلامة التجارية برحلة مستخدم جديدة ، وسرعات وأداء في الموقع ، إلى جانب تجربة مستخدم جديدة فائقة السلاسة يجب أن ترضي حتى العملاء الأكثر صعوبة في إرضاءهم.

6. سيلكو

Selco ، مستودع البنائين ، هي واحدة من العلامات التجارية الأكثر رسوخًا في صناعتهم ، مع أكثر من 68 فرعًا على مستوى البلاد. ومع ذلك ، وجدت Selco نفسها ذات حضور محدود على الإنترنت ورأت أنها بحاجة إلى تحسين لعبتها من خلال الذهاب إلى واجهة متجر حديثة وأكثر تقدمًا ، وبطبيعة الحال ، كانت Magento PWA كذلك.

من خلال استخدام Magento Commerce Edition 2.3 و Magento PWA Studio ، تمكنت WeAreJH من إعادة بناء واجهة متجر Selco لتصبح Magento PWA فعال وسريع الاستجابة. يفتخر موقع Selco الجديد بأنه أول تطبيق ويب تقدمي على الإطلاق يتم نشره لتاجر B2B على منصة Magento Commerce ، ويأتي معه العديد من الميزات بما في ذلك:

• انقر واستلم
• حاسبة مواد البناء
• فحص المخزون في الوقت الحقيقي
• وظائف قائمة المشروع

7. تسوق Eddies

مع أكثر من 260.000 قطعة غيار وإكسسوارات للسيارات والشاحنات و RVs ورياضات الطاقة المعروضة في متجرهم ، كانت ShopEddies بحاجة ماسة إلى حل لمساعدتهم على إدارة متجرهم بكفاءة مع الاستمرار في توفير تجربة تسوق ممتعة.

تم اقتراح Magento PWA من قبل Tigren كحل نهائي لمشاكل Shop Eddies السابقة - وفعلت Magento PWA. تم إصدار واجهة المتجر الجديدة التي تعمل بنظام PWA ، والتي تم إصدارها في بداية عام 2020 ، بسرعة فائقة ، وتتمتع بمظهر وإحساس جديدين تمامًا لإظهار هوية العلامة التجارية ، مع إجراء المزيد من التحسينات على تدفق الخروج للمساعدة في تحسين معدلات التحويل. علاوة على ذلك ، فإن استخدام حل Magento PWA يعني أيضًا أن Shop Eddies يمكنه الآن تقديم خدمة أفضل لعملاء الأجهزة المحمولة من خلال ميزاتهم الشبيهة بالتطبيقات مثل دفع الإشعارات والإضافة إلى الشاشة الرئيسية.

8. أوتو برنارد

أرادت شركة Auto Bernard الفرنسية لتوزيع السيارات ، إستراتيجية قناة شاملة تمكنهم من تمييز أنفسهم عن المنافسة. كان هدفهم الرئيسي هو تزويد المتسوقين بطريقة لحجز وشراء سياراتهم مباشرة عبر الإنترنت ومزامنة كل طلب عبر الإنترنت مع الواجهة الخلفية لـ Magento في الوقت الفعلي.

قبلت WEBQAM هذا التحدي وطوّرت للعلامة التجارية موقع ويب Magento PWA جديد تمامًا. يقدم موقع الويب الجديد هذا كل ما طلبته Auto Bernerd بل ويتجاوزه في بعض الجوانب ، نظرًا لأن الموقع الجديد مليء بالميزات ، مع إمكانية للعملاء مقارنة خصائص ما يصل إلى ثلاث سيارات بالتوازي ، وتحديد المواعيد ، والتقدم بطلب للحصول على عرض أسعار - كل شيء ممكن على الموقع.

9. ROECKL

احتاجت ROECKL ، علامة الأزياء التقليدية التي تديرها عائلة ، إلى حل يحقق أفضل أداء مع الاستمرار في تقديم تجربة تأليف محتوى بديهية. بالإضافة إلى ذلك ، نظرًا لأن موقع الويب السابق الخاص بهم كان يفتقر إلى تجربة استجابة حقيقية ، فقد احتاجت العلامة التجارية إلى جعلها أولوية أعلى في هذا التغيير الكامل لأعمالهم.

أدركت Mothership التحدي واقترحت Magento PWA كحل. مع Magento PWA ، تكون الواجهة الأمامية لموقع الويب مستقلة عن الواجهة الخلفية لـ Magento وبالتالي ، مما يسمح بتحميل أقل على الخادم وتطوير أسرع للميزات. الواجهة الأمامية لموقع الويب الجديد عبارة عن PWA يعتمد على ReactJS ، وهو قادر على توصيل المحتوى حتى عندما يكون اتصال المستخدم غير مستقر.

10. دوبيلس

تكافح من أجل البقاء خلال جائحة Covid19 أمر يمكن أن ترتبط به كل علامة تجارية. بالنسبة إلى Dobells ، بائع تجزئة للملابس الرجالية في المملكة المتحدة ، دفعهم الوباء إلى تجديد موقعهم على الإنترنت للأفضل.

لقد ثبت أن موقع Magento 1 القديم قديم ، وبالتالي ، كان الانتقال إلى Magento 2 أمرًا ضروريًا لجذب العملاء وتحويلهم. بالإضافة إلى ذلك ، تم تقديم ميزة "تنويعات المنتج المتقدمة" ، والتي تتيح للعملاء مزج ومطابقة تفاصيل أي عنصر وملحقاته في طلب واحد.

نظرًا لأن إضافة ميزات جديدة يمكن أن تؤدي إلى إبطاء الموقع ، فقد كان التحدي الآخر هو الحفاظ على تجربة مستخدم سلسة وأداء سريع ، وكان PWA هو السبيل للذهاب. ونتيجة لذلك ، شهدت العلامة التجارية زيادة بنسبة 11.8٪ في إجمالي النقرات ، وزيادة بنسبة 14.3٪ في متوسط ​​معدلات النقر إلى الظهور ، وكذلك انخفاض بنسبة 10،2٪ في متوسط ​​مواضع الترتيب.

 القراءة الموصى بها: كم يكلف بناء PWA لـ Magento

11. G-SP

بالنسبة إلى موقع Magento العالمي الذي يحتوي على موقعين مختلفين لزوار B2B و B2C ، يحتوي كل موقع على أكثر من 100 فئة وفئة فرعية ، مما يمثل تحديًا كبيرًا لـ G-SP للحفاظ على تجربة تصفح سلسة لموقع الويب.

لقد أدرك مالك موقع G-SP ، الذي يبيع ملحقات الهاتف وقطع الغيار ، المشكلة منذ فترة طويلة ويبدو أن PWA هو حل واضح.

في حين يتم تصنيف PWA غالبًا على أنه حل فعال لزيادة سرعة موقع Magento ، من المهم معرفة أنه لا يمكن لجميع المواقع الوصول إلى أداء سرعة مذهل بعد تنفيذ PWA مباشرة. تعتمد كيفية تحميل موقع الويب على العديد من العوامل بما في ذلك حجمه وتكوينه الفني.

ومع ذلك ، تتمتع PWAs بإمكانية أفضل لتكون أسرع من تطبيقات الويب العادية ، إذا تم تخصيصها بشكل صحيح. موقع G-SP's PWA ، بعد تحسين السرعة من قبل فريقنا ، تضاعف بنجاح ثلاث مرات في سرعة الهاتف المحمول وتضاعف في سرعة سطح المكتب.

 القراءة الموصى بها: دراسة حالة G-SP: قبل وبعد تحويل PWA.

استنتاج

نظرًا لأن المزيد من التجار فقط سيبدأون في تبني هذه التكنولوجيا الجديدة وجعلها تجربة التجارة الإلكترونية الجديدة ، فإن Magento PWA ستكون بلا شك تجربة التسوق الجديدة المرغوبة. لقد حقق التجار الذين اتبعوا نهج Magento PWA بالفعل نتائج مبهرة ، وكلما طال انتظار التنفيذ ، زادت خسائر الإيرادات التي من المحتمل أن تتعرض لها.

إذا كنت تبحث عن مزود Magento PWA عالي الجودة ، هنا في SimiCart نحن فريق من مطوري PWA المعترف بهم من Google القادرين على تقديم حلول فعالة من حيث التكلفة لعملك.