أفضل تصميم هرمي التصميم لصفحتك الرئيسية للاستيلاء على المزيد من العملاء والمبيعات

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

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

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

شعارك إلى اليسار أو المركز (ومكونات الرأس)

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

الشعار

موقع الشعار

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

شريط البحث

أهمية شريط البحث

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

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

ضع هذا في رأسك وجعلها واضحة.

رمز عربة التسوق والزر

لقطة الشاشة في 2015 06-01-11.25.00 AM

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

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

  • تضمين رمز سلة التسوق
  • دمج رابط أو رمز يوفر نقرة واحدة من أي صفحة على الموقع
  • إظهار رقم للإشارة إلى عدد العناصر الموجودة في سلة التسوق

اعلانات الشحن

لقطة الشاشة في 2015 06-01-11.25.09 AM

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

تظهر لقطة الشاشة أعلاه مثالاً لطيفًا عن كيفية شرح شركة Kutoa لسياستها للشحن دون استهلاك مساحة كبيرة جدًا.

لافتات موسمية

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

زر تسجيل الدخول / التسجيل

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

قائمة التنقل مع علامات التبويب المناسبة

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

الصورة أو شريط التمرير مع استدعاء تراكب العمل والإجراء

المتزلجون CTA

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

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

شبكة المصغرات المنتج أو شريط التمرير

صورة مصغرة كمنزلق أو شبكة

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

نموذج الاشتراك في البريد الإلكتروني والتسويق

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

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

تفضل المتاجر الأخرى الشريط الجانبي أو التذييل عند مشاركة نموذج الاشتراك في النشرة الإخبارية. لقد لاحظت أن المتاجر عبر الإنترنت تضع عمومًا النماذج بالقرب من أسفل الصفحة عندما لا ترسل العديد من الرسائل الإلكترونية. انهم يحاولون ببساطة جمع رسائل البريد الإلكتروني لإرسال العرض الترويجي في بعض الأحيان.
لقطة الشاشة في 2015 06-01-11.25.39 AM

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

Sidebars أو الشبكة القائمة على التخطيطات؟

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

تخطيط gridbased

ما هي بعض المكونات الصلبة التي يجب تضمينها في الشريط الجانبي؟

  • زر أو رابط إلى مدونتك
  • لافتات ترويجية أو موسمية
  • روابط وسائل الاعلام
  • الوحدات الاجتماعية أو الروابط
  • أداة تعريفية عنا أو منطقة تشرح موضوع الموقع

أحدث تويت

التذييل

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

التذييل

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

  • اتصل بنا الرابط
  • رابط البريد الإلكتروني بنا
  • رقم الهاتف
  • رابط حالة الطلب
  • رابط الأسئلة الشائعة
  • الأزرار الاجتماعية
  • رابط الضمان
  • رابط سياسة الخصوصية
  • رابط المدونة
  • معلومات الشحن الرابط
  • رابط المعلومات العودة
  • رابط معلومات الشركة
  • وظائف صلة

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

الصورة ميزة curtsey من كريس بانيستر

كاتالين زورزيني

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