عملية تخطيط الصفحة المقصودة المكونة من 11 خطوة لمزيد من التحويلات [2022]

متوسط ​​معدل تحويل الصفحة المقصودة يحوم حول 10٪.

ليس سيئًا ، بالنظر إلى أن متوسط ​​معدل تحويل موقع الويب يحوم حول 3٪.

لا يزال ... 10٪؟

يمكننا أن نفعل ما هو أفضل.

ويبدأ كل شيء بتخطيطات أفضل للصفحة المقصودة.

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

كيف؟

من خلال إزالة الغموض عن تصميم الصفحة المقصودة مرة واحدة وإلى الأبد وعن طريق تقطير تخطيطات الصفحة المقصودة وصولاً إلى 11 خطوة بسيطة.

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

هيا بنا نبدأ.

بعد سنوات من الممارسة ، وأكثر من 10000 تجربة لتحسين معدل التحويل ، ومكاسب وخسائر لا حصر لها ، اكتشفنا أن كل تخطيط للصفحة المقصودة عالية التحويل يتضمن الخطوات الـ 11 التالية كحد أدنى:

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

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

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

أدخل: الموجز الإبداعي.

تفسد معظم الوكالات والشركات الملخص الإبداعي أو تستبعده تمامًا.

خطأ فادح.

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

ماذا يجب أن يتضمن الملخص الإبداعي الخاص بك؟

Get / Who / To / By (تحيات جوليان كول):

يستخدم معظمهم نموذج موجز إبداعي Get / Who / To / By لتصميم الإعلان. لكنها تعمل بشكل جيد مع تصميم صفحة الويب أو الصفحة المقصودة أيضًا.

• Get: صِف الجمهور المستهدف الذي سيواجه صفحتك المقصودة
• من: وصف المشكلة الأساسية التي يواجهها جمهورك المستهدف (ليس التخمين أو الشعور الغريزي ، ولكن مشاكل المستهلك الحقيقية التي تم الكشف عنها أثناء البحث)
• إلى: وصف كيف تريد أن يستجيب جمهورك المستهدف عندما يواجهون صفحتك المقصودة (على سبيل المثال ، ما الذي سيجعلهم يشعرون؟ وما هو هدف التحويل؟ التجارب المجانية؟ توليد العملاء المحتملين؟ المبيعات الفورية؟ المزيد من التنزيلات؟)
• بقلم: صف الرسالة التي تريد توصيلها وعرض القيمة الذي سيحفز على العمل

هذا هو.

على سبيل المثال ، نريد ...

• احصل على شركات SaaS صغيرة إلى متوسطة الحجم بميزانيات تسويق سنوية تبلغ 300 ألف دولار أو أقل ...
• الذين فشلوا في توسيع نطاق تسويق أدائهم بسبب قيود الميزانية والوصول إلى المواهب ...
• للتسجيل للحصول على استشارة مجانية ...
• من خلال توضيح أن وكالتنا يمكنها زيادة التحويلات بنسبة 25٪ ، وتقليل تكلفة الاكتساب (CPA) بنسبة 25٪ ، وتقليل التوظيف بنسبة 18٪

بوم .

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

حان الوقت الآن لبدء التصميم. حسنًا ، تقريبًا…

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

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

لماذا ا؟

حسنًا ، تذكر كيف تحدثنا عن إنشاء صندوق ليكون مبدعًا بداخله؟

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

تملي النسخ الحجم والبنية والمساحة واتجاه الفن.

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

مع الكلمات المتداولة ، حان الوقت الآن لتحديد الهيكل العام للتخطيط الخاص بك ، AKA هندسة المعلومات الخاصة بك.

عندما يتعلق الأمر بتنظيم المعلومات على صفحتك ، لديك خياران أساسيان:

• على شكل F.
• شكل Z

النمط على شكل حرف F هو التسلسل الهرمي للمعلومات الأكثر شيوعًا على الإنترنت.

ولسبب وجيه.

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

استخدم تسلسل هرمي على شكل حرف F للصفحات المقصودة الغنية بالنص .

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

استخدم تسلسل هرمي على شكل Z للصفحات المقصودة الغنية بصريًا .

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

كيف؟

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

لا يكتمل أي تصميم للصفحة المقصودة يستحق الملح من دون تسلسل هرمي مرئي واضح المعالم.

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

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

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

لماذا 1: 1 هو الأمثل؟

لا مشتتات.

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

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

عند تصميم صفحتك المقصودة ، حافظ على نظافة الرؤوس والتذييلات ؛ لا تقم بتضمين روابط التنقل أو روابط التذييل (باستثناء الشروط وسياسة الخصوصية).

اجعل انتباه زوار موقعك مركّزًا على هدف واحد.

على سبيل المثال ، لاحظ كيف أن مسبار Spotify هذا لديه رابط أساسي واحد فقط: الرابط المراد تحويله على CTA. هذا هو.

يلتصق تصميم الصفحة المقصودة عالي الجودة بالمقدمة: الجزء المرئي من الصفحة.

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

على سبيل المثال ، تحقق من قسم الجزء المرئي من الصفحة الرئيسية لدينا:

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

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

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

لماذا هم مهمون للغاية؟

لنلعب لعبة ...

ما هي العلامة التجارية التالية؟

الآن ، ما هي العلامة التجارية التالية؟

العلامة التجارية 1: Mailchimp.

العلامة التجارية 2: العمل الجماعي.

حتى بدون شعار ، سيتعرف معظمكم على Mailchimp بسبب خلفيتهم الصفراء المميزة ونمطهم المرئي وخطهم الثنائي.

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

باختصار ، الأصول المميزة مهمة لأنها تخلق الألفة .

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

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

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

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

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

على سبيل المثال ، لاحظ كيف يستخدم Webflow صورة GIF متحركة لتوضيح النقطة التي يشيرون إليها في نسختهم؟

أو لاحظ كيف يفعل Buffer الشيء نفسه ولكن مع لقطات الشاشة شبه المتحركة:

تقرأ هذا صحيحًا: ادعم الفوائد بالميزات. ليس العكس.

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

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

على سبيل المثال ، لاحظ كيف أن جاسبر (جارفيس سابقًا) لم يذكر أبدًا ميزات مثل الذكاء الاصطناعي أو التعلم الآلي ، على الرغم من أنها الميزات الأساسية التي تدعم كل من مزاياها:

أو ClickUp ، الذي يستكشف مزاياها ببراعة باستخدام علامات تبويب معنونة بميزاتها:

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

ما الذي يعتبر دليلاً اجتماعياً؟

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

وأكثر من ذلك بكثير.

أين يجب أن تضع الدليل الاجتماعي؟

هيك ، ضعه في الجزء المرئي من الصفحة ، بالقرب من أزرار CTA ، بجوار نسخة المزايا الخاصة بك ، وفي نماذج التسجيل الخاصة بك. حرفيا ، في كل مكان.

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

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

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

ولكن تمامًا كما يجب أن يترك القسم العلوي لديك انطباعًا أولًا لا يمحى ، يجب أن يترك قسم CTA الأخير انطباعًا أخيرًا لا يُنسى.

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

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

وهذا كل شيء — 11 خطوة بسيطة لتصميم صفحة مقصودة عالية التحويل.

الآن دعنا نستكشف أمثلة وتصاميم من العالم الحقيقي تفعل ذلك بشكل صحيح.

الآن الجزء الممتع: أمثلة.

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

على سبيل المثال ، تتضمن صفحة التقاط العميل المتوقع نموذجًا ، لكن صفحة النقر لا تتضمن ذلك.

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

• التقاط الرصاص
• النقر
• SaaS
• B2C (التجارة الإلكترونية / DTC)
• تطبيقات الموبايل

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

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

دعنا نستكشف.

1. يضخ
2. KlientBoost
3. أوسكار

يضخ

ما نحبه: قسم الدليل الاجتماعي

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

KlientBoost

ما نحبه: تقنية Breadcrumb (شكل متعدد الخطوات)

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

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

لماذا التخطيط متعدد الخطوات؟

تستفيد تقنية Breadcrumb من علم النفس السلوكي (نعم التدرج) للحصول على احتمالات للالتزام بطلب صغير (سؤال الكرة اللينة الذي تطرحه أولاً). وبمجرد الالتزام ، من المرجح أن يكتملوا.

أوسكار

ما نحبه: مساعدة بصرية + شكل

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

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

الغوص بشكل أعمق: أفضل أمثلة على صفحة التقاط الرصاص المراد نسخها

1. جاسبر (جارفيس سابقًا)
2. سمراش
3. المحرر العاشر

يشب

ما نحبه: رموز العلامات التجارية المميزة

لقد ذكرنا بالفعل قسم الدليل الاجتماعي لـ Jasper في وقت سابق في هذه المقالة ، ولكن هذه المرة ، دعنا نركز على أصول علامتهم التجارية المميزة:

• خلفية داكنة
• ألوان مميزة للعلامة التجارية (أزرق / بنفسجي / وردي)
• جاسبر الروبوت (التميمة)

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

سمراش

ما نحبه: الفوائد التي تدعمها الميزات

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

المحرر العاشر

ما نحبه: بساطتها

لا يحتاج تخطيط صفحتك المقصودة إلى الكثير لإحداث تأثير كبير. ويثبت ذلك المحرر X.

بسيط. تعقيدا. مختصرا. تأثير.

ما هو الحد الأدنى؟ هناك ثلاثة أقسام فقط:

• قسم البطل (الجزء المرئي من الصفحة)
• قسم الفوائد
• CTA الثاني

* على الرغم من أننا نقترح إضافة قسم دليل اجتماعي أيضًا.

شاهد المزيد من التخطيطات: صفحات النقر: التعريف ، الأمثلة ، أفضل الممارسات

1. Pzizz
2. CashApp
3. نارا بيبي

Pzizz

ما نحبه: قسم CTA النهائي

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

CashApp

ما نحبه: قسم CTA

تحتوي معظم الصفحات المقصودة للتطبيق على زر CTA يفتح متجر التطبيقات لتنزيل التطبيق.

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

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

نارا بيبي

ما نحبه: انطباع أول لا يمحى (الجزء المرئي من الصفحة)

يتحقق قسم Nara Baby الموجود فوق الطي من جميع الصناديق:

• العنوان
• العنوان الفرعي
• طلقة بطل
• CTA

الغوص بشكل أعمق: أفضل أمثلة على الصفحة المقصودة للتطبيق

1. يحتفظ
2. نادي الدولار للحلاقة
3. لها

يحتفظ

ما نحبه: المعينات البصرية

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

نادي الدولار للحلاقة

ما نحبه: تسلسل هرمي للمعلومات على شكل Z

يلقي Dollar Shave Club الضوء على النص ، مما يجعل تخطيط المعلومات على شكل حرف Z مثاليًا.

لها

ما نحبه: التسلسل الهرمي البصري

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

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

اكتشف المزيد من التخطيطات: أفكار للصفحة المقصودة للتجارة الإلكترونية لزيادة المبيعات

1. ClickUp
2. هوتجار
3. كانفا

ClickUp

ما نحبه: قسم الدليل الاجتماعي

مثل العديد من تخطيطات SaaS ، من الشائع العثور على شارات مراجعة الجهات الخارجية كدليل اجتماعي. ClickUp لا يختلف.

ولكن ما نحبه في كيفية تقديم ClickUp لجوائزهم هو أنهم يأخذون أكثر من 20 شارة ويقومون بدفقها باستمرار بحيث تبدو في الواقع أكثر. خفية ولكنها فعالة.

هوتجار

ما نحبه: المساعدة البصرية

من قال أن المساعدة البصرية يجب أن تكون رسما أو صورة؟

يقوم Hotjar بتضمين خريطة حرارية فعلية (مع البيانات) في صفحته المقصودة. يمكنك إعطائها جولة ، والتبديل بين طرق العرض ، وتنزيل بيانات نموذجية.

تحدث عن جعل غير المرئي مرئيًا. عمل عظيم.

كانفا

ما نحبه: نسبة الانتباه

تعرف Canva كيفية الحفاظ على تركيز عملائها المحتملين على هدف تحويل واحد.

لا يوجد شريط تنقل.

لا توجد روابط تذييل.

لا توجد عبارة أخرى للحث على اتخاذ إجراء غير "التسجيل".

استكشاف المزيد من التخطيطات: أمثلة على الصفحة المقصودة SaaS عالية التحويل

من السهل التفكير في تصميم الصفحة المقصودة واختبار A / B للتنسيقات المختلفة.

لكن الحقيقة تظل - تصميم الصفحة المقصودة اللافت للنظر الذي يتحول لا يتطلب الكثير. التزم بالأهم:

• موجز ابداعي
• التسلسل الهرمي للمعلومات
• التسلسل الهرمي البصري
• نسبة الانتباه
• الفوائد على الميزات
• العنوان ، العنوان الفرعي ، الصورة الرئيسية ، الحث على اتخاذ إجراء
• أصول مميزة
• المعينات البصرية
• دليل اجتماعي

قد يكون إنشاء تخطيطات رائعة للصفحة المقصودة علمًا. لكنها ليست علم الصواريخ.

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

أتمنى لك تحويلاً سعيدًا!