كيف نبني مواقع الويب في Articulate Marketing

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

تستند هذه المقالة إلى إحدى ندواتنا على الويب ، والتي استضافتها أنا ، Ioana Negulescu ، رئيسة الاستوديو في Articulate Marketing. يمكنك مشاهدة الفيديو وتنزيل الشرائح أدناه:

تحديات بناء الموقع

غالبًا ما تكون هناك خطوة أولية عندما يتعلق الأمر بإنشاء موقع ويب جديد (أو ترحيل موقع موجود). نحن بحاجة لتخفيف بعض المخاوف. ليس من غير المألوف أن يكون لديك عملاء تعرضوا للحرق من قبل بسبب تجاربهم مع الوكالات السابقة.

عندما نسمع ...

"نحن قلقون بشأن الحصول على موقع ويب جديد لأن آخر موقع كان مثل هذا الألم."

نحن نفعل هذا...

لقد سمعنا هذا مرات عديدة. لذلك ، نحن نسعى جاهدين للقيام بعمل أفضل.

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

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

عندما نسمع ...

لقد حاولنا مطاردة المطور مرات عديدة ، لكنهم لن يعودوا إلينا.

نحن نفعل هذا...

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

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

عندما نسمع ...

"ماذا لو لم يلبي الموقع الجديد توقعاتنا؟"

نحن نفعل هذا...

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

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

مثال: HTG

لقد أنشأنا موقعًا إلكترونيًا حائزًا على جوائز لـ HTG ، لذا سنستخدمه كمثال طوال الوقت.

لقد عبروا عن هذه المخاوف وحددوا تحدياتهم عندما تحدثنا إليهم لأول مرة. هذه مشكلات شائعة جدًا بين شركات تكنولوجيا B2B:

• أهداف طموحة لنمو الأعمال
• موقع ويب قديم (وعلامة تجارية)
• عدد قليل من فرص اقتناص الرصاص
• ملاحة عالية
• تجربة مستخدم سيئة
• أداء ضعيف للموقع

إذا كان هذا يبدو مثلك ، فانتقل إلى هنا لتسجيل موقع الويب الخاص بك.

العملية المفصلية

ها هي عمليتنا ، باختصار. اضغط على هذه الصورة لمشاهدتها بمزيد من التفصيل:

دعنا نعود إلى مثال HTG. معهم ، تابعنا عمليتنا المعتادة المكونة من سبع مراحل:

1. ركلة البداية

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

2. Moodboards وهيكل الموقع

هنا ندير عمليتين داخليتين. الأول هو تجميع لوحات المزاج وتوصيات الخطوط وتوصيات الألوان والصور وما إلى ذلك.

والآخر ، مع فريق مؤلفي النصوص التسويقيين لدينا ، قمنا بتجميع توصيات خريطة الموقع. هذا هو هيكل التنقل والصفحات التي سنحتاج إلى بنائها.

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

3. التصميمات الأولية والإطارات السلكية

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

في موازاة ذلك ، نحن نضع استراتيجية حول هيكل الصفحة. أي نوع المحتوى يذهب إلى أي صفحة؟ ما هي مكعبات الليغو التي نحتاجها؟

يقوم فريقنا بعد ذلك ببناء إطارات سلكية ، والتي تشبه الرسومات التقريبية لصفحات موقع الويب بدون عناصر تصميم.

4. تصميم جميع الوحدات وكتابة مسودة نسخة ويب

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

5. تطوير الموقع

لإظهار تصميمات الوحدات في الموقع ، نقوم بتطوير وبناء جميع الصفحات بنسخة lorem ipsum وصور العناصر النائبة ، حتى يتمكن عملاؤنا من الحصول على فكرة مناسبة عن النتيجة النهائية.

عند العمل مع مطور أو أي مطور ، فأنت تريد أن تطرح عليهم بعض الأسئلة ذات الصلة:

• ما هي الخطوات الرئيسية التي تتخذها لترميز موقعنا على الإنترنت؟
• كيف تتأكد من أن الكود منظم؟ (مشكلة كبيرة في مواقع ويب القوالب.)
• متى وكم مرة تتحقق من السرعة والأداء العام؟
• كيف يبدو بناء صفحة بمجرد تطوير الموقع؟ هل هي تجربة مستخدم ودية لمن ينشئ الصفحة؟

أو إذا كنت تعمل مع Articulate ، "ما هي أسرع وقت تقوم فيه بحل مكعب روبيك؟" نحن نرحب بمثل هذه الأسئلة.

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

نحن ندعم جميع الوحدات في HTML ، ثم نبدأ في النظر في التصميم. لذا ، فكر في الطوب والجص والرسم والديكور.

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

6. ملء الصفحات

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

7. إطلاق!

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

أخيرًا ، بالطبع ، نحتفل!

10 نصائح لتصميم موقع رائع

فيما يلي بعض القواعد التي تعلمناها على مر السنين ، وأكثر من العشرات من إنشاءات مواقع الويب:

1. ضع تفضيلاتك في المرتبة الثانية ، ونقاط ألم شخصياتك أولاً.
2. ركز على كيفية مساعدة عملائك ، بدلاً من مجرد سرد خدماتك.
3. لا تحاول إعادة اختراع العجلة. ما يعمل ويعمل لسبب. على سبيل المثال ، يعد التركيز فقط على منطقة الجزء المرئي من الصفحة خرافة. يعلم الجميع كيفية التمرير. يوجد أيضًا موقع ويب حول هذا الموضوع: http://abovethefold.fyi/
4. حافظ على التنقل قصيرًا وبسيطًا.
5. اجعل الأزرار مدفوعة بالقيمة. تجنب النسخ العامة قدر الإمكان.
6. اربط دائمًا بالصفحة ذات الصلة في حالة وجود صفحة ذات سياق أكثر.
7. على الصفحات الرئيسية ، تجنب وجود الكثير من الروابط الخارجية. (مدونتك قصة مختلفة.)
8. قم دائمًا بإنهاء الصفحة بواحد أو أكثر من عبارات الحث على اتخاذ إجراء ، مع نقل المستخدم إلى الخطوة التالية في العملية.
9. لا تقلل من شأن قوة صفحة الاتصال - غالبًا ما تكون نقطة خروج ، لكنك تريد حقًا إبقاء الأشخاص على تلك الصفحة.
10. الاقل هو الاكثر!

المكافأة: لا تدع الشعار يفرض عليك تصميمًا سيئًا

عندما قمنا بتصميم موقع HTG على الويب ، كان شعارهم قديمًا ولم يعد مناسبًا للعلامة التجارية التي كنا نبحث عنها. قمنا بتحديثه ببعض التغييرات البسيطة:

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

ماذا يحدث بعد الإطلاق؟

حسنا. لديك موقع جديد. ماذا الآن؟ كما قلنا ، في Articulate ، نرى مواقع الويب على أنها محركات تسويق ، لذلك لا يجب أن تنتهي مشاركتنا عند الإطلاق. في الواقع ، هذه مجرد بداية الرحلة لمعظم عملائنا.

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

ذروة التسلل: النواة

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

المظهر يشبه قالب موقع ويب أكثر تعقيدًا. تم بناء موقع الويب الخاص بنا على Nucleus ، وقد استخدمناه للعديد من العملاء باستخدام مجموعة كبيرة من أنماط التصميم. نحن نطلقها في HubSpot Marketplace في عام 2022. وباستخدام Nucleus ، يمكننا إنشاء مواقع ويب محسّنة للغاية في أسابيع ، وحتى أيام ، لعملائنا. كل شيء مثير إلى حد ما!

>> انقر هنا لاستكشاف Nucleus <<