لقطات بطل الصفحة المقصودة: 18 نموذجًا مفيدًا للمساعدة في توجيهك [2022]

في عام 1911 ، أقام نادي رجال الإعلانات في سيراكيوز مأدبة لمناقشة الصحافة والدعاية. ونقلت الصحيفة عن أحد أعضائها (آرثر بريسبان) قوله ، "استخدم صورة. إنها تساوي ألف كلمة ".

ليس مشوشًا ، الملك سليمان ، أو أينشتاين ، أو أرسطو ، ولكنه رجل إعلان. (أخبر والديك بذلك ).

تقدم سريعًا لأكثر من 100 عام وما زالت كلمات آرثر التي يضرب بها المثل تبدو حقيقية - خاصة عندما يتعلق الأمر بالصفحات المقصودة.

أدخل: الصفحة المقصودة لقطة بطل.

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

إذا فهمت الأمر بشكل خاطئ ، ولاحظ انخفاض معدلات التحويل.

احصل عليه بشكل صحيح (كما عرف آرثر من التجربة) ، وشاهد معدلات التحويل الخاصة بك ترتفع.

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

لنذهب.

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

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

هل صورة البطل ستغري شخصًا ما بالشراء؟

ليس في حد ذاته.

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

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

لا تخلط بين لقطة بطل وقسم بطل.

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

يتضمن قسم البطل الخاص بك لقطة البطل والعنوان والعنوان الفرعي و CTA (على الأقل) ، لكن قسم البطل والبطل يشيران إلى عنصرين منفصلين من صفحتك المقصودة بالكامل.

سواء كانت الصور المتحركة أو التصوير الفوتوغرافي المخصص أو الفيديو أو أي نمط آخر ، فإن لقطات بطل الصفحة المقصودة تندرج في خمس فئات رئيسية:

1. تركز على المنتج
2. استعارة
3. "أرض الميعاد"
4. تركز العملية
5. نبذة مختصرة

دعنا نستكشف أمثلة من كل منها.

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

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

على سبيل المثال ، تتميز لقطة بطل Editor X بواجهة المحرر المرئي الفعلي:

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

على سبيل المثال ، يظهر البطل الذي تم تصويره على الصفحة المقصودة لخطة التسويق المجانية الخاصة بنا الرموز التعبيرية لعلامتنا التجارية في شكل فواتير بالدولار وعقول مبتسمة:

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

على سبيل المثال ، يُظهر دواء تساقط الشعر Keeps الاشتراك عميلًا راضيًا ومبتسمًا ، على الأرجح بعد استخدام دواء تساقط الشعر:

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

على سبيل المثال ، يستخدم GatherContent رسمًا مخصصًا لتوضيح عملية إدارة محتوى البرنامج:

أقل لقطات البطل المفضلة لدينا: صور البطل المجردة (أو صور البطل المكونة من عناصر مرئية مثل الأشكال أو الأنماط).

لماذا هم الأقل تفضيلاً لدينا؟ لأنهم فقط يملأون الفراغ. ليس هناك الكثير.

على سبيل المثال ، يتميز Semrush بشكلين مجردين كعنصرهما المرئي الأساسي ، ولا شيء آخر. فرصة ضائعة.

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

• واقعية
• ملاءمة
• سياق الكلام
• المشاعر
• التخصيص
• انتقام

دعنا نستكشف كل منها.

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

هذا هو.

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

لا تجعل زوار موقعك يفكرون بشدة. تجنب الفن من أجل الفن. وحافظ على صورك واضحة.

على سبيل المثال ، يستخدم Dollar Shave Club صورته البطل لتوضيح المنتجات المضمنة في مجموعة Razor Starter Set بقيمة 5 دولارات. بسيطة لكنها فعالة.

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

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

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

على سبيل المثال ، عندما تنظر إلى لقطة بطل Allure's Beauty Box ، هل هناك أي سؤال يخص الأشخاص المهتمين بشكل خاص بالجمال؟

أطلق بطل صفحتك المقصودة حياة لدعم العنوان والعنوان الفرعي. فترة.

والأفضل من ذلك ، فكر في الأمر على أنه تمثيل مرئي لعرض القيمة الخاص بك.

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

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

عندما نقول عاطفي ، فإننا لا نعني نقل شخص ما إلى البكاء ؛ نعني خلق شعور إيجابي حول علامتك التجارية وعرضك.

يتلخص الكثير من ذلك في جودة التصميم الجرافيكي - تصميم الويب الجيد يبني الثقة ويؤسس المصداقية.

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

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

من خلال عكس المشاعر الإيجابية المرتبطة بـ "الأرض الموعودة" لعرض القيمة ، تثير Namogoo المشاعر الإيجابية من عملائها المحتملين.

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

لا يوجد مخزون. التصوير.

اجعل لقطات الصفحة المقصودة الخاصة بك مخصصة لعلامتك التجارية.

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

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

أخيرًا ، لا تشتت أفضل صور بطل الصفحة المقصودة عن النسخة ؛ إنهم يصطفون بذوق حول العناوين الرئيسية و CTA بطريقة تلفت الانتباه إليها (وليس بعيدًا عنها).

على سبيل المثال ، لاحظ كيف تتميز الفاصلة العليا بطبيب أمراض جلدية يتطلع إلى العنوان الرئيسي و CTA؟

يؤدي توجيه جسدها والنظرة إلى اليمين إلى إنشاء إشارة بصرية دقيقة تلفت انتباه الزائر في نفس الاتجاه - يمينًا نحو العنوان الرئيسي و CTA.

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

الآن بالنسبة للجزء الممتع: أمثلة من لقطات الصفحة المقصودة.

قمنا بتقسيم هذا القسم إلى ثلاث فئات متميزة:

1. الخير (10 أمثلة)
2. السيئ (4 أمثلة)
3. The Bogus (4 أمثلة)

لماذا ا؟

نظرًا لأن جميع لقطات البطل ليست أبطالًا خارقين ، وتعلم ما لا يجب فعله لا يقل أهمية عن تعلم ما يجب القيام به.

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

1. كانفا برو
2. دو
3. عام
4. أدوبي سحابة الإبداعية
5. KlientBoost
6. سكوير سبيس
7. خدد
8. SnapCall
9. Typeform
10. أرماديلو

ما نحبه: لقطة البطل التي تركز على المنتج والتي تضيف سياقًا إلى العنوان الرئيسي ، ولا تشتت الانتباه عن CTA ، وتثير المشاعر الإيجابية.

ما نحبه: يعرض Doo لقطات شاشة حقيقية من تطبيق التذكير الخاص بهم. بسيط ، ملموس ، سياقي ، مخصص ، فعال.

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

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

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

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

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

ما نحبه: يستخدم SnapCall لقطة البطل الخاصة به لتوضيح حالة الاستخدام الشائعة (أو نقطة الألم) التي قد تجدها السوق المستهدفة ذات قيمة (مثل التفاعل مع عملائك عن بُعد). منطقي ، مع الأخذ في الاعتبار وعودهم الواردة في العناوين الفرعية بـ "تقديم تجربة عملاء رائدة من خلال مكالمات الفيديو بنقرة واحدة".

ما نحبه: تحدث عن المنتجات التي تركز على المنتج. يستخدم Typeform نموذج Typeform مضمنًا في الحياة الواقعية كصورتهم الرئيسية. يمكن للزوار النقر بالفعل على الزر "جربني" وتجربة النموذج بأنفسهم. باهِر.

ما نحبه: استعارة التنبيه. أرماديلو يلف جسده حول منزل كما لو كان يحميه كما لو كان طفله. هل من الممكن حتى توصيل وعد علامتهم التجارية وعرض القيمة بطريقة أفضل؟ لا توجد فرصة.

لقد رأينا ما هو أسوأ ، لكن هذه اللقطات البطل للصفحة المقصودة لا تزال غير فعالة.

1. سمراش
2. إنفيجن
3. جدارية
4. PocketGuard

ما لا نحبه: هذا ما يحدث عندما تفشل الاستعارات. يستخدم Semrush صندوق أدوات ، ويفترض أن يسلط الضوء على عرض القيمة "Tools for any SEO Challenge". يتم ملء صندوق الأدوات فقط بمسطرة وعدسة مكبرة وتروس. هل تبيع أدوات السباكة؟ أو أدوات تحسين محركات البحث؟

ما لا نحبه: وهذا ما يحدث عندما يفشل الملخص . لقد حصلنا عليها ، على الرغم من ذلك ، لأن هذه الصفحة المقصودة تروّج لبرنامج InVision الجديد "Freehand". لكن لماذا فقط نظهر لامرأة "تتدلى من جديد" على الحائط؟ نعم لا. فرصة ضائعة. يريد الناس رؤية البرنامج في الحياة الواقعية ، خاصةً عندما يكون نوعًا جديدًا من البرامج.

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

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

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

1. انتركم
2. SurveyMonkey
3. العمل على
4. ZoomInfo

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

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

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

ما نكرهه: هل هذه طائرة بدون طيار من أمازون توصل سلك التمديد الجديد الخاص بي؟ ييكيس. ناهيك عن أن الموضع (أعلى اليمين) يجذب انتباهك بعيدًا عن CTA في الأسفل ، وليس تجاهه.

الحد الأدنى؟

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

• واقعية
• ملاءمة
• سياق الكلام
• المشاعر
• التخصيص
• انتقام

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

هل تريد أن تعرف ما إذا كانت تسديدة بطلك قد أصابت الهدف؟

جرب اختبار البطل بالرصاص.

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

إذا لم يتمكنوا من وصف عرض القيمة الخاص بك بدقة ولقطات البطل المصاحبة في جملتين ، فقد حان الوقت لبدء اختبار A / B لأشكال مختلفة.

اذهب الآن واجعل آرثر (ونحن) فخورين.

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