كيف قمنا بتحويل موقع PEI Media - والأعمال التجارية - باستخدام Agile و WordPress و WooCommerce

في العام الماضي ، عملت براغماتيك مع PEI Media لتقديم تحول رقمي لمحفظة مواقع الويب الخاصة بهم - وعلى طول الطريق ، لأعمالهم.

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

وسائل الإعلام في PEI: من الديون الفنية إلى Agile

PEI Media هي مجموعة وسائط مالية دولية مع مجموعة من العلامات التجارية. جلبت المجموعة رئيسًا جديدًا للتكنولوجيا في خريف 2016 وكلفته بتحويل رقمي كامل للأعمال. لقد أرادوا إنشاء منصة تقنية حديثة ومرنة من شأنها أن تقود منتجات الشركة المتميزة لتحقيق نمو كبير.

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

لتغيير أي شيء على الموقع ... مطلوب إعادة بناء الموقع بالكامل بين عشية وضحاها.

حققت PEI Media معدلات نمو سنوية جيدة. وبفضل الجولة الأخيرة من تمويل رأس المال الاستثماري يمكنهم الآن دفع نمو الأعمال بشكل أسرع. ومع ذلك ، كان من الواضح أن التحول الكامل للأصول الرقمية للشركة فقط هو الذي سيسمح لهم بتحقيق الأهداف الطموحة التي حددوها لأعمالهم.

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

لتلبية احتياجات PEI Media ، احتاج فريقنا في Pragmatic إلى بنية متصلة من مكونات قوية وعالية الأداء ، يتم تنفيذها من خلال منهجيات رشيقة.

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

لقد أجرينا عملية RFP شاملة مع شركائنا المستقبليين في PEI Media ، لاستكشاف الأساليب والبرامج والهندسة المعمارية التي ستعمل بشكل أفضل مع المهام المطروحة.

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

لماذا WordPress ولماذا WooCommerce؟

كان هذا مشروعًا للنشر على الويب ، لذا كان WordPress ، نظام إدارة المحتوى الرائد على الويب ، مناسبًا بشكل طبيعي.توافر مجموعة واسعة من المكونات الإضافية القوية وسير العمل التحريري المرن جعل WordPress متميزًا مقارنة بمنصات CMS الخاصة التي نظرنا إليها .

كانت مرونة برنامج Visual Composer ، التي تجعل من الممكن تغيير صفحات الويب دون الحاجة إلى دعم المطور ، بمثابة عامل جذب حقيقي لـ PEI Media. أظهرنا أيضًا قدرة فريقنا على التكرار بسرعة من خلال عدد من سمات الجهات الخارجية ، وإنشاء نماذج أولية بسرعة حتى نتمكن من العثور على نموذج يتوافق مع رؤية PEI Media لشبكة مواقع الويب الخاصة بهم. إن إظهار الشكل الذي يمكن أن يبدو عليه الموقع لعملائنا منحهم الثقة في WordPress - وفي قدرتنا على بناء المواقع التي يريدونها.

أعطى WooCommerce PEI Media تجربة سداد مبسطة. تضمنت عملية تسجيل التجارة الإلكترونية السابقة للشركة ما لا يقل عن تسع خطوات ، ومع WooCommerce تمكنا من خفض الرقم إلى خطوتين أو ثلاث. هذا جعل عمل فرق المبيعات أسهل ، وتوقعنا أن ينتج عنه معدل تحويل أفضل أيضًا.

تضمنت عملية تسجيل التجارة الإلكترونية السابقة للشركة ما لا يقل عن تسع خطوات ، ومع WooCommerce تمكنا من خفض الرقم إلى خطوتين أو ثلاث

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

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

كانت نقطة البيع الأخيرة بالنسبة لنا هي قابلية توسعة WooCommerce التي يمكن أن تتكامل بسهولة مع التطبيقات والبرامج الأخرى ، وهي قابلة للاتصال بشكل كبير ، مما يعني عدم وجود قيود على الأنظمة الأساسية والخدمات التي يمكننا توصيل مواقع PEI Media بها.

التصميم الفني لموقع thisispei.com

لتلبية بعض الإمكانات التي لا يستطيع WordPress و WooCommerce توفيرها ، مثل إدارة الاستحقاقات - نظام الإذن الذي يتحكم في المحتوى المقيد الذي يمكن للمستخدم رؤيته أو لا يمكنه رؤيته وفقًا لمصفوفة من المعايير - قمنا بتنفيذ عدد من المعايير الأخرى تكامل.

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

تتكون البنية التقنية التي أنشأناها من WordPress باعتباره CMS والواجهة الأمامية و WooCommerce للتجارة الإلكترونية. ثم أضفنا Blaize ، وهو نظام أساسي لإدارة الهوية والوصول. وضعنا خادمًا وكيلاً أمام WordPress للتعامل مع إدارة الهوية ، بما في ذلك التسجيل وتسجيل الدخول وإدارة حساب المستخدم. اعتمادًا على ما يصل إليه الزوار وحقوق الاستحقاق الخاصة بهم ، يقوم الخادم الوكيل بإنشاء المحتوى ذي الصلة ديناميكيًا.

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

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

يتصل Blaize أيضًا بـ CRM للشركة لإدارة استحقاقات WordPress. بمجرد قيام المستخدم بتسجيل الخروج عبر WooCommerce بعد شراء استحقاق ، يقوم Blaize على الفور بتحديث CRM ، مما يمنح المستخدم وصولاً سريعًا إلى المحتوى المتميز.

لتحسين المبيعات من خلال أتمتة التسويق ، قمنا بدمج Google Tag Manager ، الذي يمرر البيانات مرة أخرى إلى Google Analytics ومن هناك إلى منصات ذكاء أعمال الشركة. سمح ذلك بالتحسينات المستمرة لاكتساب العملاء والاحتفاظ بهم.

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

التصميم التشغيلي: الاكتشاف والمعايرة

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

جاءت مرحلة الاكتشاف أولاً. كانت فترة الشهر هذه تتعلق بالتأكد من توافق فريق المشروع بأكمله مع كل من الرؤية والمتطلبات المحددة. استخدمنا ورش العمل والاجتماعات مع PEI Media وشركاء التكنولوجيا الآخرين للمساعدة في استكمال وثائق المشروع الأولية. كنا حريصين على تجنب الحديث التقني أو الرقمي ما لم يكن ذلك ضروريًا للغاية: أردنا أن تكون اتصالاتنا جذابة وتولد محادثات صحية. قمنا أيضًا ببعض النماذج الأولية والاستكشاف الفني لتقليل المخاطر الفنية بمجرد بدء التطوير. خلال هذه المرحلة ، اتفقنا أيضًا على استخدام نهج Agile ، حيث تجري الفرق سباقات سريعة تستغرق كل منها أسبوعين.

بعد ذلك جاءت مرحلة المعايرة ، والتي أعطتنا ستة أسابيع (ثلاث سباقات) لبدء المشروع. أعطتنا هذه المرحلة القدرة على تقييم حجم العمل الذي يمكننا تحقيقه في كل سباق وأعطتنا فكرة جيدة عن مواعيد التسليم مقابل المعالم الرئيسية.

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

يزيد من الاستفسارات والنقرات وحركة المرور

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

نتيجة لذلك ، شهدت بعض مواقع الويب ارتفاعًا في عدد الزيارات بنسبة تصل إلى 23٪.

قدمت مناهج التخصيص الجديدة تجربة عميل موجهة نحو إشراك الجمهور ومعدلات تحويل أفضل.

خاتمة

لقد كان العمل مع PEI Media أحد أفضل الخبرات التي مررت بها طوال مسيرتي المهنية. يشير تقرير من جهة خارجية إلى أن انطباعي ليس ذاتيًا تمامًا:

"يبدو أن طبيعة العلاقة مع شركاء التنمية هي التي من شأنها أن تعزز التعاون الفعال والتسليم. يمكن اعتباره قريبًا من أفضل الممارسات ".

هذا شيء يمكن لأي وكالة أن تفخر بقراءته.

هناك الكثير من العوامل التي جعلت هذا المشروع ناجحًا للغاية ، لكنني سأركز على الدور الرئيسي الذي لعبه WordPress و WooCommerce:

• السرعة - أعطت القدرة على التنقل بين الموضوعات الجاهزة في ساعات فريق المشروع الثقة بأننا شاركنا رؤية للمحفظة.
• تناسب المتطلبات - WordPress هو نظام إدارة محتوى من الدرجة الأولى - يعمل على تشغيل 30 في المائة من الويب - ويطابق أو يتفوق على خيارات CMS المتخصصة الأخرى ، مما يمنح الفريق الثقة في أننا نختار الحل الأفضل.
• عمليات التكامل - تستخدم منصة PEI Media أقوى المكونات المتماسكة معًا لإنشاء الحل الرقمي الأمثل للأعمال. يعني مجتمع WordPress مفتوح المصدر أنه بالنسبة للعديد من عمليات الدمج ، كانت الحلول الجاهزة موجودة بالفعل.
• قابلة للتخصيص بسهولة - قررت PEI Media أنها تريد أن تكون هذه المنصة جزءًا أساسيًا من استراتيجيتها. يدعم WordPress و WooCommerce هذه الرؤية من خلال تمكين الشركة من الاحتفاظ بالميزات أو إزالتها أو استبدالها أو زيادتها بما يتماشى مع أولويات العمل وخلق القيمة.
• القيمة - حقيقة أن WordPress ، وهو مشروع برمجي مفتوح المصدر ، يأتي مع رسوم ترخيص سنوية تبلغ صفر تعني أن PEI Media تمكنت من استثمار نسبة أكبر من رأس مالها في الميزات والوظائف التي تضيف قيمة محددة لأعمالها.

لقد حظي براغماتيك بامتياز العمل مع PEI Media بطريقة مرنة ومنفتحة وموثوقة سمحت لكلا الطرفين بالاستفادة من هذه العوامل في الفوائد التجارية والقيمة والنجاح. من الملهم أن نرى كيف أدى كل نجاح إلى بناء الثقة والمشاركة في العمل.

- - - - - - -

هذا المنشور هو خلاصة حديث تم تقديمه في WooConf 2017.