دراسة حالة موقع ويب تصميم يعتمد على النمو لمجموعة Weidert

تعرف على كيفية عمل التصميم المستند إلى النمو (GDD) من خلال مراجعة تجربة Weidert Group في تنفيذ هذه المنهجية على موقعنا الإلكتروني.

التحدي لدينا

كان موقع Weidert Group على الويب يجتذب عددًا متزايدًا من الزيارات ، ولكنه لا يعمل بالطريقة التي أردناها: لم تكن تجربة المستخدم (UX) بديهية كما يمكن أن تكون ، ومرهقة عند عرض الموقع على الهاتف المحمول. وبينما جذب الموقع العملاء المحتملين وتحويلهم ، لم يكن معظمهم من الصناعات المستهدفة التي نريدها كثيرًا. أخيرًا ، كان الموقع ثابتًا إلى حد ما لمدة 3 سنوات ، مع تغييرات طفيفة فقط على الصفحات خارج مدونتنا اليومية. كان من المقرر تحديث التصميم ، حيث أشارت التحليلات وحكمنا إلى أن فعاليته كانت تتضاءل.

الحل

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

• قم بإنشاء موقع ويب مبدئي (موقع "لوحة التشغيل") خلال فترة زمنية قصيرة نسبيًا
• توزيع ميزانيتنا (الوقت / الموهبة) بالتساوي على مدار العام (باستثمار متواضع للموقع الأولي ، ومتطلبات أصغر مستمرة للتغييرات التكرارية المستندة إلى التحليلات)
• تطور نحو موقع يستفيد من بيانات المستخدم لإجراء تحديثات مستمرة كما تعلمنا ، مما يؤدي إلى حالة "الموقع المحسن دائمًا"

العملية

مرحلة الإستراتيجية

• أعدنا تحديد أفضل العملاء المحتملين أولاً وقمنا بتحديث شخصيات المشتري ذات الصلة . للتأكد من أننا سنتحدث بشكل أساسي عن أفضل الآفاق لدينا ، قمنا بإعادة تعريف جمهورنا المستهدف ، مع إعطاء الأولوية للصناعات (والشركات التي تخدمهم) باعتبارها محور تركيزنا للتصميم والمحتوى
• لقد طورنا إستراتيجية جديدة للعلامة التجارية (الألوان ، والخطوط ، والرسومات / الصورة / النهج المرئي ، وما إلى ذلك) لتوصيل تركيزنا بشكل أكثر دقة
• أنشأنا أهداف الموقع وقائمة التعديلات المطلوبة . كانت أهدافنا للموقع الجديد هي:
• احصل على 13 عميلاً محتملاً مؤهلاً للتسويق (MQLs) و 4 عملاء متوقعين مؤهلين للمبيعات (SQL) كل شهر
• زيادة جلسات الزوار إلى 35000 شهريًا
• زيادة جهات الاتصال الجديدة إلى 296 في الشهر
• زيادة عدد العملاء الجدد إلى 1 شهريًا

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

مرحلة بناء منصة الإطلاق

• كانت الخطوة التالية هي البدء في التخطيط لموقع لوحة التشغيل - موقع يوفر كل الوظائف والمحتوى الأساسيين للزوار ويمكن بعد ذلك تحسينه بشكل مستمر.
• قمنا أولاً بتحديد أولويات قائمة الرغبات بناءً على ما اعتقدنا أنه سيساعد أكثر في الوصول إلى أهدافنا ، ثم حددنا المدخلات / العمل الذي نحتاجه من أعضاء الفريق وقمنا بمهام مرتبطة كجزء من جدول زمني مفصل. لم يتم تنفيذ جميع عناصر قائمة الرغبات ؛ تلك التي بقيت بعد الإطلاق تم وضعها في قائمة الرغبات لمراجعتها خلال دورات التحسين المستمر
• تم إنشاء محتوى جديد (نسخ ورسومات ، بالإضافة إلى الوظائف) لصفحات الويب وتم إنشاء موقع لوحة التشغيل. استغرقت هذه المرحلة 6 أسابيع فقط ، مقارنة بمتوسط ​​5 أشهر تقريبًا لإنشاء موقع تقليدي لنفس العدد من الصفحات
• تم إطلاق الموقع في الوقت المحدد ، في 21 سبتمبر

دورات التحسين المستمر

• في هذا التكرار الأول للموقع ، كان الحكم بدلاً من البيانات هو الذي وجه قراراتنا. في جميع الدورات اللاحقة ، على الرغم من ذلك ، تم استخدام البيانات لتحديد التغييرات التي يجب إجراؤها لتحسين تجربة المستخدم ومقاييس الهدف
• تم تقديم عناصر قائمة الرغبات التي لم يتم تنفيذها لموقع لوحة التشغيل في أول اجتماع شهري لـ GDD ، إلى جانب اقتراحات أخرى رأى الأشخاص في الفريق أنها ستعمل على تحسين الموقع. تم ترتيب هذه الأولويات والعمل المرتبط بها لأعضاء الفريق
• يتم اتباع عملية مماثلة في كل دورة ؛ دوراتنا من 4-5 أسابيع ، عادة حوالي 20 يوم عمل.

نتائج GDD

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

المقاييس من التغييرات التي تم إجراؤها في دورات التحسين المستمر

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

تحديث الصفحة المقصودة للاستشارة

أصلي

• نص كثير جدا
• يتضمن التنقل في الموقع الذي سمح / شجع الزوار على الابتعاد عن الصفحة المقصودة. (مثال: زر "لقاء بفريقنا")

تم إجراء التعديلات

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

تمت إزالة شعار الرأس الموجود على عرض الجوال لمدونتنا

أصلي

• أجبر لافتة رأس كبيرة ("طويلة") مستخدمي الجوال على التمرير قليلاً قبل الوصول إلى المحتوى الذي كانوا يبحثون عنه ، مما أدى إلى ارتفاع معدل خروج الصفحة

تم إجراء التعديلات

• الفرضية: من خلال إزالة شعار الرأس على مدونتنا ، فإننا نزيد الوقت على الصفحة وننقص معدل الخروج
• قمنا بإزالة اللافتة من النسخة المحمولة للموقع. يظهر التحسن في عدد "العيون" التي تصل إلى المحتوى الأدنى على الصفحة في لقطات خريطة الحرارة Hotjar أدناه. كلما كان اللون أكثر دفئًا ، زاد عدد المشاهدات التي حصل عليها الكائن أو القسم من الزوار

تنفيذ تصميم متمحور حول الهاتف المحمول لتحسين تجربة مستخدمي الهاتف المحمول (الإطلاق حتى الآن مقارنة بالفترة السابقة)

أصلي

• نظرًا لأن أكثر من 85٪ من زياراتنا نشأت على سطح المكتب ، لم يكن الهاتف المحمول على رأس أولوياتنا

تم إجراء التعديلات

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

أزرار الحث على الشراء المعاد تصميمها

تم تحديث جميع عبارات CTA الخاصة بالمحتوى المتقدم لتكون أكثر إثارة للاهتمام من الناحية المرئية ولتمييز عنوان رئيسي كان أكثر وضوحًا حول قيمة المحتوى المتقدم.

الفرضية: من خلال جعل العنوان أكثر وضوحًا ، اعتقدنا أن المزيد من الأشخاص سيبدأون في النقر على CTAs الخاصة بنا.

الوجبات الجاهزة الإضافية

• تبدأ معظم التغييرات التي نجريها على موقعنا كتجارب - "هل يمكننا الحصول على المزيد من النقرات على هذا الرابط إذا أزلناه من النسخة الأساسية؟" "هل سيثير التصميم الجديد لهذا المخطط مزيدًا من الأنظار عليه؟" "هل ستقرب حاسبة التكلفة الزائرين من طلب عرض توضيحي؟" بمجرد إجراء تعديل على الموقع ، تخبرنا البيانات التي تم جمعها من زيارات المستخدمين ما إذا كانت تجربتنا قد نجحت أم لا.
• تستند التجارب نفسها إلى افتراضات مستنيرة. نقوم بإنشاء تجارب باستخدام ما نعرفه عن آفاقنا ، والبيانات التي جمعناها بالفعل ومعرفتنا بما يتوقعه الناس من مواقع الويب.
• لا تنجح كل هذه التجارب ، لكنها جميعًا تعلمنا شيئًا ما! أحد الأمثلة على ذلك هو تحديث إستراتيجية النموذج الذي أجريناه على نموذج تحويل الصفحة المقصودة. بعد إضافة الأسئلة التي تطلبت من الزائر تحديد خيار القائمة المنسدلة ، لاحظنا انخفاضًا في عدد الزوار الذين يملئون النموذج. كان هذا مؤشرًا جيدًا على أن الزائرين لا يريدون تقديم هذا المستوى أو الكمية من المعلومات.
• تستند قائمة رغباتنا إلى الأحكام التي نتخذها بشأن ما نعتقد أن الزوار سيجدونه مفيدًا أو ممتعًا . أضفنا صفحة إلى موقعنا تشرح كيفية عملنا مع عملائنا لأن العملاء المحتملين يسألون أحيانًا ، "كيف تعمل المشاركة التسويقية الداخلية النموذجية معك؟" ستخبرنا بيانات المستخدم ما إذا كانوا يقضون الوقت على تلك الصفحة (وكم من الوقت ، وما هي المجالات التي ينقرون عليها ، والمكان الذي ينتقلون إليه من هذه الصفحة والمزيد).
• المقاييس تستغرق وقتًا. لا تقوم الواجهة الخلفية لموقع الويب الخاص بك تلقائيًا ببصق الأرقام في حزمة أنيقة وقابلة للاستخدام. ولكن بمجرد جمعها وتقييمها ، فإنها تتمتع بالقدرة على تحويل موقع الويب الخاص بك إلى آلة جذب وتحويل فعالة للغاية.

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