صفحة الهبوط هي صفحة ويب هدفها الوحيد دفع الزائر إلى اتخاذ إجراء واحد سواء عن طريق استمارة تسجيل أو زر ، يمكن استخدام المسابقات و الكوبونات كصفحات هبوط ايضاً، و في العادي يصل الزائرين الى هذه الصفحة بعد الضغط على إعلان لجوجل او اعلان للفيس بوك او رابط في نتائج البحث لجوجل .
الهدف الرئيسي لصفحات الهبوط هو تحويل الزائرين إلى عملاء محتملين أو مشتريين و تشجيعهم لإكمال تصرف أو أمر معين، هذا الأمر يمكن أن يكون عملية شراء أو الإشتراك في خدمة الرسائل أو التسجيل أو تحميل تطبيق.
و من أهم اتجاهات صفحات الهبوط ؛ أنه لا يوجد بها قائمة علوية بها روابط ملاحية تحد من الإختيارات المتاحة لزائريك و توجههم إلي الأمر المرجو منهم ، تعمل المسابقات بشكل جيد على جذب التدفق و العملاء المحتملين إلي موقعك عن طريق تحفيز الجمهور بجائزة.
يوجد العديد من الأنواع المختلفة من المسابقات؛ بداية من السحب العشوائي البسيط مثل رهانات الفيس بوك إلي مسابقات الفيديو التي بها مجموعة من الحكام لإقرار الفائز، و و التي يمكن إنشاؤها بسهولة عن طريق استخدام تطبيقات مثل Washponds ، و ها هي نصيحة لإنشاء المسابقة: لا تعرض آيباد كهدية ! سوف تحصل بالتأكيد على ملايين المشاهدات و لن هؤلاء الناس لن يكونوا مهتمين بمنتجك – سيكون اهتمامهم الوحيد هو الايباد، و هذا ما سيجعل الأمر بالنسبة لك شبه مستحيل و هو أن تحول هؤلاء العملاء المحتملين إلى مشتريين، أن تعرض منتج تبيعه ( أو تعرض كوبونات هدايا من متجرك) سوف يضمن لك أن يكون الزائر مهتم فعلاً بمنتجاتك و الذي بدوره يجعل من السهل تحويله إلي مشتري و مبيعات لمتجرك.
يوجد نوعان رئيسيان من صفحات الهبوط لهدفين مختلفين :
صفحة الإستقبال الكاملة هي التي ببساطة تعرف نفسها و قيمتها بوضوح لزائريها و تحولهم إلي عملاء محتملين، و لكن أكثر طريقة مؤثرة لفعل ذلك تعتمد على جمهورك الخاص و علامتك التجارية و الصناعة التي تركز عليها في منتجاتك .
العديد من صفحات الهبوط الرائعة تأتي بالأدوات الآتية :
و هنا بعض العناصر التي يجب مراعتها حين يتم إنشاء صفحات الهبوط:
إعطاء صفحة الهبوط الخاصة بك اللون المناسب وواجهة مستخدم سهلة و بسيطة؛ سيرغب زائريك في معرفة المزيد عن منتجاتك و القيمة التي تعرضها لهم.
دع العرض أو الصور تقوم بالعمل؛ و لكن تأكد من إضافة روؤس مواضيع موجزة و نصوص داعمة كافية حتي تكون صفحتك واضحة في محتواها و مقنعة، و هذا يتم تطبيقه علي باقي العناصر: جرب مساحة بيضاء، نسخة بسيطة، و استمارات قصيرة.
بينما يتم إزالة الملاحة الرئيسية و أي روابط خلفية مشتتة؛ هذا سوف يقلل من احتمالات تشتت العملاء المحتملين و ترك الزائرين لصفحتك .
استعمال أزارر لمشاركة صفحتك علي وسائل التواصل الإجتماعي هي وسيلة سهلة للحصول علي الزائرين للتفاعل مع صفحة الهبوط الخاصة بك؛ حتي يستطيعوا مشاركة محتواك مع متابعيهم علي وسائل التواصل الإحتماعي، برغم كل شئ؛ الزبائن هم قلب العجلة الدوارة للتسويق .
صفحات الهبوط هي شئ ضروري و حيوي في حملات التسويق الناجحة، عادة يمكن أن يكون علم النفس التسويقي مدهش؛ لذلك تجربة العديد من النسخ من صفحتك عادة يكون الحل الأمثل لمعرفة أي نسخة لديها أعلي معدل من تحويل الزائرين إلي عملاء محتملين (CVR)، تفحص موقع العرض، أشكال (CTA) ، و حتي برنامج الألوان .
CTA هو مكون ضروري جداً في صفحة الهبوط والحد الأدني حيث التوقعات يمكن أن تصبح متصلة، تدعو وسائل ال (CTA) الزائرين إلي الإشتراك او التحميل أو ملئ استمارة أو المشاركة علي السوشيال ميديا و المزيد – و لكن؛ بعد كل هذا،CTA مطلوبة لتجعل جمهورك اكثر تفاعلاً مع العرض، لتحويلهم إلي عملاء محتملين؛ يجب أن تكون ال CTA جذابة و مبهرة، و لكن الأكثر أهمية؛ يجب أن يمثلوا قيمة العرض بشكل فعال.
لتوضيح ذلك: بشكل عام؛ صفحة الهبوط والموقع متقاربين جداً، متشابهين ولكنهم ليسوا نفس الشئ .
قبل كل شئ، يجب أن نسلط الضوء علي بنية الصفحة؛ تحتوي صفحة الهبوط بنية بسيطة و بلا مشتتات، في حين أن صفحة الموقع لديها بنية موحدة و معروفة بها وظائف و عناصر متعددة؛ مثل الروابط الملاحية، الشريط الجانبي، قسم عن ( about) ، معلومات الشركة، الخدمات، و المدونة.
و اتجاه أخر لوضعه في عين الإعتبار هو الهدف، بالتحدث عن صفحة الهبوط؛ يجب أن ننوه أنها لديها هدف محدد؛ مثل تسجيل مستخدمين جدد، جمع المعلومات، بيع منتج، إعلان قابل للضغط، أو حملة إعلانية.
و ماذا عن صفحة الموقع؟ تم تصميمها لتصف و توضح منتجك أو خدمتك التي تقدمها بنصوص بسيطة و صور.
حسناً، التالي هو أسلوب الملاحة و التوجيه، في صفحة الهبوط؛ الموقف واضح: الدخول محدود، مثال؛ ستجد أزرار قابلة للضغط لإتخاذ قرار أو تصرف ( CTA ) فقط ، أما بالنسبة إلي صفحة الموقع، جميع الصفحات قابلة للدخول و الضغط و التنقل مع تفاعلات يمكن الرجوع عنها .
و الأن هيا بنا نلقي نظرة علي بعض الأمثلة الرائعة لصفحات الهبوط.
صفحة الهبوط الخاصة ب the Raleigh هي رحلة مصغرة على متن الدراجة المبتكرةCentros ، وبينما يتصفح المشتري؛ يشعر كأنه يركب دراجة في رحلة.
رسومات جميلة، تصميم واجهة متباين، أوصاف مختصرة- كل عناصر الصفحة تعمل معاً لتشكل الدراجة، و تظهر الشاشة بعدسة مكبرة كوظيفة أساسية تسمح لك بعرض النموذج بالتفصيل، وفي النهاية ستجد أزرار تستطيع استخدامها لزيارة المتجر الإلكتروني أو لتبحث عن أقرب نقطة بيع في أقرب مكان أو مدينة إليك.
الصفحة التقديمية الخاصة ب The Maslo تظهر مميزات و خواص منصة تطبيقات؛ مثل معيار الذكاء العاطفي، ’Hey, I'm maslo‘ – من النافذة الأولى، يتعرض المستخدمون بشكل غير ملحوظ للتكنولوجيا، النص قصير و مرتب و متقن ولكن كل جملة تشرح جوانب المنتج بشكل واضح وموجز، التنقل في القائمة الملاحية للأسفل هو حل بسيط؛ في الموقع تستطيع التنقل فيه كما لو كنت تقرأ كتاب.
التدرج في اللون البنفسج البسيط في تصميم الواجهة و الخطوط البسيطة تلمح إلي شئ عميق و عاطفي- و هذا شئ يدعم المنتج نفسه.
من دواعي البهجة و السرور استخدام صفحة المراجعة الخاصة بسلسلة البيانو من شركة Roland، أعطينا انتباهنا إلي كل تفصيلة: يوجد وصف للتصميم والهندسيات و التصميم الداخلي للآلة. يوجد العديد من الطرق لعرض المعلومات: نصوص مختصرة، الرسومات، فيديوها و صور متعددة الصيغ، و تستحق الأخيرة اهتمام خاص: يظهرون صوت البيانو في غرف مختلفة: من الاستديو إلى الكاتدرائية
صفحة الهبوط الخاصة بشركة the startup التي تم تصميمها باعتبارها بوت اعتباري للتواصل مع الزبائن، حاول المسؤول عن الموقع تصميم صفحة بهدف معين - لجذب المستثمرين- و نجح .
برنامج ألوان لامع، مؤشر ماوس غير عادي، تنفيذ غير اعتيادي لقائمة "مشكلة"-" حل"، تحتوي الصفحة علي المعلومات المختارة لمستثمرين المحتملين: الفريق و الشركاء متمثلين بشكل واضح؛ يوجد خريطة لتطوير المنتج؛ معلومات حول المنافسين؛ الإقتصاد و المعلومات المالية، و الجوائز.
هذا هو الموقع للنسخة الأولية من منصة مشاركة الوقت الحقيقي، في الشاشة الاولي يمكنك أن تري عنوان رائع الذي يقوم بإيصال المعني و النية من خدمة الشركة بغير قيود، تحت أول شاشة يوجد فيديو يشرح بوضوح كل فوائد الخدمة.
ألوان حيوية، أشكال فريدة، رسومات ابداعية- تم صنع الخدمة عن طريق أناس مبدعين و موجهة إلي العينة من المستخدمين.
صفحة الهبوط تقدم " بطاقة ائتمان من المستقبل "، و التي يمكن استخدامها بدون رسوم تحويل أو سحب، التصميم و المحتوي مبسط و محدود ليخبر الزائرين: هيا نختصر الوقت و نصل لهدفنا، توضح مميزات استخدام الخريطة عن طريق بطاقات بها أيقونات مرسومة، الإختلاف الوحيد هو زر " اطلب الان " الجذاب على شاشات متعددة..
كل شئ بسيط و على الموضة في موقع Catch fish and chips، شعار جديد و مبتكر مملوء بالماء تدريجياً ليس شئ اعتيادي لعنصر تحميل الموقع.
عندما تتنقل في الموقع تظهر سلسلة من الصور و الرسومات، هذه بداية مثيرة للأهتمام لجذب انتباهك و توضح عملية الطبخ، رأس الموقع يحتوي ازرار ال" قائمة" و "اتصال": فرصة جيدة للبحث عن أماكن و حجز طاولة.
من الثواني الأولى؛ صفحة المطعم الأسيوي Spisy no spisy تشجعك لزيارة المطعم مباشرة، يمكنك حجز طاولة بدون مغادرة الصفحة الرئيسية- زر اتخاذ القرار CTA يفتح نافذة تقديم الطلب؛ حيث يمكنك أن تحجز مقعد في معاد محدد. يدعم التصميم نظرية المطعم: ألوان مكتومة و صور مرسومة بالايد على النظام الشرقي، في نفس الوقت؛ التركيز علي صور الاطباق و التصميم الداخلي للمطعم: لامع، من زوايا متعددة- كل شئ يعبر عن صفحة المطعم.
صفحة الخدمة لتخطيط العمليات الداخلية تجذب الإنتباه ببرنامج الوانها الأصلي، كلمات مرسومة بالتفصيل تصف المنتج بشكل ممتاز، حل غير اعتيادي و مبهر هي وظيفة التصميم الخارجي للصفحة.
التصميم، و الأنماط ، و الخطوط المستخدمة، صفحة المجتمع الإحترافي للمصممين Squarespace/Circle هو التشبيه الأقرب لاستخدام العناصر بشكل أمثل. محتوي الصورة يتناسب مع الوصف بشكل ممتاز و يتطابق كلياً مع تصميم الموقع، نجح مصممي الصفحة في توصيل هدف الموقع بدون عناصر غير ضرورية أو كلمات: نص محدود، أقصي الجماليات، مروراً باقل التفاصيل، يستحق الأعلي في التقييم.
و هنا مثال متناقض تماماً مع الحالة السابقة و لكنه جذاب جداً! تدعو الصفحة التقديمية ل Oranjebitter الزبائن إلى حفلة، صيف و ألوان زاهية- يلمح تصميم الصفحة أن برنامج الحفلة سوف يكون رائعاً.
Kaleidoscope تغيير الألوان- حركة مثيرة للاهتمام و تجذب الانتباه، بالرغم من الألوان الجميلة، أزرار اتخاذ القرار CTA "تذاكر" تتناسب بشكل جميل، الاول- في عنوان الصفحة، و الثاني- في نهاية التنقل: لا تشتت انتباهك؛ يمكنك شراء تذكرة في أي وقت.
يقدم موقع Australian Emu الدعائي نسخة محدودة للعملة الذهبية من شركة Metal Market Europe، نظام الألوان جذاب و بسيط، واجهة المستخدم بسيطة و بديهية، أثناء التمرير لأسفل الموقع؛ عملة متحركة تشد انتباهك، و وصف دقيق يساعدك علي تعلم جوانب و فوائد المنتج.
قائمة الملاحة على اليسار تم تصميمها علي شكل طريق و تكرارها في "hamburger"، تنتهي صفحة الإستقبال باستمارة : تستطيع الإشتراك في خدمة الرسائل الجديدة حتي لا تضيع عليك فرصة انطلاق عملة جديدة.
تنسب هذه الصفحة إلى تصميم الساعة الذكية، تستطيع أن تقوم بعرض المنتج بكل تفاصيله: تقع الساعة نفسها في منتصف الشاشة- الحل الأمثل للحفاظ على تركيز المستخدم، يبدو التصميم رائع- لوحة ابيض و اسود معاً،و لون معدني في خلفية الشاشة، تم إعطاء الكثير من الإهتمام للكتابة في الساعة- في بعض التصاميم، ارتفاع الكلمة أعلي من نصف الشاشة .
Fontface هو امتداد في المتصفح يسمح لك في أن تعرض و تحفظ أي نوع من الخطوط، تم زراعة الجزء الخاص بجذب الانتباه بشكل ممتاز، تتحرك الشاشة بنعومة، تغير أشكالها، و نظارة جذابة تظهر عليها: عند التمرير إلي أسفل؛ يساكيع المستخدم أن يتعلم أكثر عن كيف يتم استخدام الامتداد و كيف يعمل، و النهاية المنطقية للصفحة هي عرض تحميل الإمتداد إلي متصفحك.
صفحة الهبوط الخاصة بموقع Unawheel تستعرض جوانب عجلة دراجة لكرسي متحرك قابل للتحكم.
يتم عرض مميزات المنتج بشكل واضح و سلس : بينما يتم التمرير لأسفل؛ ستتعلم كيف يتم تثبيت و استخدام عجلة المقود، بالإضافة يتم إطلاعك علي أبعادها و قدراتها، يوجد في الأسفل ازرار تحمل لك عرض أن تأخذ اختبار قيادة مجاني أو شراء منتج، بسيط و واضح و مقنع.
مثل العديد من أمثلة صفحات الهبوط في هذا المقال؛ صفحة الهبوط التجريبية الخاصة بShopify تحافظ علي عنصر البساطة، علي سبيل المثال؛ العنوان الرئيسي الموجه للمستخدم يحتوي علي كلمات قليلة، تعتمد الصفحة علي العناصر البسيطة؛ ليست قطع و عبارات؛ لتوصل تفاصيل و فوائد النسخة التجريبية من الموقع، يوجد القليل من المساحات التي يجب أن تملأها قبل أن تبدأ، كل هذا يجعل من السهل لك أن تصل لهدفك: أن تبيع بشكل إلكتروني مستخدماً أداتهم.
تبدأ صفحة الهبوط بإستمارة بسيطة تطلب "عنوان "، تحت خانة هذه الإستمارة البسيطة يوجد زر برتقالي لامع و الذي يندمج بشكل جيد مع الصورة وراء الإستمارة، و الذي يوضح أن العرض سيكون متخصص و متصل ببعضه.
بشكل طبيعي، العنوان وحده ليس كافي لتوضيح قيمة البيت، هو فقط يوضح المنطقة المحيطة بالمنزل، و لذلك تتبعها الصفحة التالية باسئلة أكثر عن المنزل نفسه، في الاسفل، سوف تري نص "اخبرنا أين نرسل التقرير"- مع ملاحظة واضحة أن بادخالك للمعلومات؛ أنت توافق علي التواصل مع مندوب عقاري، و هذا هو المثال المناسب للعمل الذي يعطي القيمة من البداية لزائريه.
Landbot هي خدمة تقوم بإنشاء بوت الشات في صفحات الهبوط، تضع منتجها الوحيد في مقدمة و مركز الشات الخاص بهم في صفحات الهبوط، يتم الترحيب بالزائرين عن طريق بوت ودود- مكملاً باستخدام الإيموجي و الصور المتحركة- و التي بدورها تشجعهم علي تقديم المعلومات في صيغة محادثة؛ أفضل من إستمارة تقليدية .
و هذا هو مثال على صفحات الهبوط الطويلة، ببعض الحيل البسيطة؛ يمكنك أن تجعل أطول صفحات الهبوط كأنها قصيرة، صفحة الهبوط الخاصة Webprofits بالأسفل توضح لنا كيف.
يوجد زر اتخاذ قرار CTA على اليمين في الأعلي لمعرفة المزيد- مع اندماج جيد مع المحتوي حتي يظهر بشكل مناسب، مع سهم شير إلي الأسفل ليبسط التمرير لاسفل، و بعدم وضع مساحة لملأ استمارة في المقدمة؛ يساعدهم هذا في التقليل من الإعتراضات و توفير محفز للزائرين لمعرفة المزيد قبل إضافة اختيار تحويلهم إلي عملاء محتملين.
و يسعوا ايضاً أن يجعلوا من السهل معرفة ما يفعله Webprofits بالفعل، و يعرض الباقي من الصفحة معلومات مفصلة عن ما سوف تحصل عليه في مقابل تقديم معلوماتك الخاصة، بجانب أنه يشتمل علي استراتيجيات مختلفة لاتخاذ القرار CTA لتأخذك مجدداً إلي الاعلي لملئ الإستمارة؛ مثل"هيا نتحدث".
هنا يمكنك ان تري قائمة الصور عالية الجودة و العديد من المساحات البيضاء، صفحة الهبوط الخاصة ب H.BLOOM تدخل السرور بمجرد النظر إليها.
تحتوي الصفحة بعض العناصر الرائعة التي تسعي إلي تحويل الزائر إلي عميل محتمل بجانب جمالها: في أعلي النموذج الممتلئ؛ يوجد وصف بسيط و مختصر لما سوف يحدث بعد ملأ الإستمارة، بجانب زر" ارسال" البرتقالي اللامع.
أفضل طريقة لتصميم صفحة الهبوط هو تسليط الضوء علي زر اتخاذ القرارCTA، و تستغل Upwork هذه النقطة بشكل جيد، من تصميم اتخاذ القرار الخاص بهم CTA ، من السهل رؤية ان هدفهم جذب رواد الأعمال و العمال المستقلين للتسجيل.
من خلال وجهة نظر المستخدم؛ يستهدف زر" إعلن وظيفة" رواد الأعمال، بينما السؤال المكتوب في حروف صغيرة-"ما نوع العمل الذي تحتاجه؟"- من أجل العمال المستقلين.
ايضاً أسلوب كتابتهم موجه بشكل خاص و ملفت، بدلاً من استخدام أمثلة ثابتة لإتخاذ القرار CTA مثل "الموظف: يسجل هنا" استخدموا أسلوب مبدع (" دع العمال المستقليين ينجزوا أعمال اكثر")، و من ثم زر اتخاذ قرار يحث المستخدمين المحتملين ل" إعلن عملك" هنا.
تصميم شقة بسيط و موجز يعطي صفحة الهبوط رسومات سلسة و جميلة، المذيج الإبداعي بين زر اتخاذ القرار CTA و الرسومات يجعل خبرة المستخدم سلسة و مفعمة بالحيوية و النشاط، و تعتبر الرسومات مدح أخر في التصميم الداخلي للمنصة .
كما نعلم ، فإن Flickr هي منصة تخزين و مشاركة صور، كل المصورين الجدد و المحترفين يمكنهم الإنضمام و يأخذوا إلهامهم منها، يأخذ الهيكل التصميمي لصفحة الهبوط شكل دائري لتسليط الضوء علي تصوير المستخدم، يتم توضيح المصور عن طريق توقيعه علي عمله الفني و اسمه، لحث المستخدمين علي معرفة المزيد عن المصورين و أعمالهم.
و الأكبر، تصميم زر اتخاذ قرارCTA يسحب المستخدمين إلي مجتمع مستخدمي Flickr
ما لا تستطيع رؤيته في نسخة الشاشة الخاصة بتلك الصفحة أنها تحتوي علي فيديو يعمل في الخلفية الذي يعرض الخدمات المختلفة بطريقة مرحة و جذابة، تستخدم طريقة بسيطة و صريحة في توضيح رسالة بالتوازي مع علامتها التجارية، ليبدي أنه مركز لممارسة اللياقة البدنية تحت ملكية Floyd Mayweather، بطل ملاكمة ل26 مرة، و علي رأس كل هذا، يشتمل ايضاً علي عرض قيم لتجربة حصة مجاناً.
كصفحة الهبوط خاصة بالسفر؛ يركز الموقع على هدف الإعلان و بناء تصميم و شكل الموقع بإضافة مناظر و صور أماكن تخطف الأنفاس، و تعتبر الصور خلفية مبتكرة و مناسبة. يدفع المزيج بين الألوان الزائرين إلي الشعور بالراحة و تحقيق الهدف من تحفيز الرغبة لديهم في السفر و الإستكشاف.
أستلهم و أختبر دائماً
يوجد بعض أفضل الأمثلة لصفحات الهبوط تمثل العديد من الصناعات بأشكالها المختلفة و بأدوات متعددة تدفع الزائرين ليكونوا عملاء محتملين، لم نتبني كل الأعمال العظيمة في الساحة، و لكن نتمني أن تكون تعلمت بعض العناصر الملهمة في كل منها .
تذكر: أي صفحة تستطيع أن تكون أفضل، و لكن؛ إذا كانت بعض الإستراتيجيات تعمل لصفحة ما، ليس من الضروري أن تعمل و تؤدي نفس النتيجة لك و لعملك الخاص، مع وضع هذا بعين الإعتبار يجب أن تختبر صفحات الهبوط الخاصة بك طول الوقت حتي تجد ما يناسبك.
