أفضل 30 صفحة مقصودة لعام 2021 لإلهام التصميم
نشرت: 2021-09-10الصفحات المقصودة هي واجهات المحلات الرقمية التي تعمل ككيانات فردية لترويج المنتجات وبيعها. يمكن للصفحة المقصودة الجيدة أن تغير مسار عملك بشكل جذري. هذا هو السبب في أن إنشاء صفحة مقصودة جيدة تتحدث إلى عملائك يعد تحديًا صعبًا عليك القيام به. العناصر التي تدخل في تصميم الصفحة المقصودة تتجاوز إلى حد كبير القيم التقليدية التي كانت تمتلكها مواقع الجيل الأقدم. على سبيل المثال ، عندما كان التسويق عبر الإنترنت في بدايته ، كانت الصفحة المقصودة النموذجية تتكون من عنوان كبير ، وملف فيديو مدمج مع فلاش ، وجدار كبير من النص يتكون من وعود ، ورسائل غير صحيحة أخرى.
نحن نعيش في عام 2021 ، في الأوقات التي تكون فيها شركة ناشئة / شركة صغيرة على استعداد لإنفاق 10000 دولار إلى 50000 دولار على تصميمات مواقع الويب الفريدة التي تأتي مع منصات إدارة مدمجة. هناك سبب يجعل مطور الواجهة الأمامية يكسب ما يصل إلى 100000 دولار إذا استمر في اختياره الوظيفي. على الرغم من أنك لن تكون قادرًا على تكرار كلمة تصميم للتعليمة البرمجية ، إلا أنك ستتمكن من تحقيق بعض الفهم الكبير لكيفية عمل بعض جماليات تصميم الويب ؛ في المرة الأخيرة التي تحققنا فيها ، كان إجراء ذلك قانونيًا تمامًا.
المزيد على الصفحات المقصودة
الصفحة الرئيسية لـ Colorlib هي صفحة مقصودة. صفحة سمات WordPress المجانية الخاصة بنا هي أيضًا صفحة مقصودة. هيك ، حتى مدونتنا يمكن اعتبارها صفحة مقصودة ، لأنها كذلك. نحن نعرف القليل عن الصفحات المقصودة. أدت بعض هذه المعرفة إلى العديد من منشورات المدونة فيما يتعلق بالصفحات المقصودة:
- ثيمات مدونات WordPress
- القوالب التي تم إنشاؤها باستخدام HTML5
- الإضافات لمدونات WordPress
- القوالب التي تم إنشاؤها باستخدام Bootstrap
- كيفية إنشاء WordPress Landing Page
عند العمل على هذه الفكرة لمجموعة من التصاميم الملهمة ، من المهم جدًا تحديد سياق هذه التصميمات ، وقررنا: الشركات الصغيرة التي تبيع المنتجات المادية والرقمية باستخدام وسيط عبر الإنترنت ، مع عدد كبير من العملاء الحاليين - أ ستعكس نسبة كبيرة من هذه التصميمات الملهمة كل تلك المعايير. لقد حرصنا أيضًا على تضمين التصميمات التي ترضي بقدر ما تذهب UI و UX. نحن نتحدث عن الصفحات المقصودة التي تجذب المئات إن لم يكن المزيد من العملاء كل يوم ، وعلى الرغم من أن العديد من هذه المبيعات يعود الفضل فيها إلى التسويق ، فإن الكثير منها يرجع إلى تصميم الويب الجيد التقريب.
في العصر الحديث ، ليس إنشاء تصميم بهذه الصعوبة حقًا. منصة التدوين التقليدية (CMS) مثل WordPress ، عند دمجها مع WPBakery Page Builder ، ستنجز المهمة نيابة عنك. مع وجود بعض التصميمات الملهمة في متناول اليد ، كل ما نحتاج إلى القيام به هو تدوين ملاحظات حول ما نود توسيعه في تصميماتنا الخاصة ، أو حتى أفضل - ما نريد أن يبدو تصميمنا كمسودة أولى. قد تكون بطلًا في تصفح الإنترنت ، ولكن إذا كنت تريد حقًا أن تفهم حقًا كل من هذه التصميمات ، فلا توجد طريقة أفضل من الانغماس في كل تصميم ، وكتابة ما تشعر أنه أقوى وأضعف النقاط ، وكيف تعكس هذه النتائج في استراتيجيتك الخاصة.
استكشف 2.5 مليون أصل رقمي بما في ذلك 1000+ قالب للصفحة المقصودة
أكثر من 2500000 عنصر من أكبر سوق في العالم لقوالب الصفحات المقصودة والسمات وأصول التصميم. سواء كان هذا هو ما تحتاجه ، أو كنت بعد بضع صور من Stock ، يمكنك العثور عليها جميعًا هنا في Envato Market.
كوين بيس
تبيع Coinbase منتجاتها من خلال البيانات التحليلية التي تظهر على الصفحة الأولى ، كما أنها تسرد ميزات الأمان المهمة التي سيهتم بها أي مستخدم Bitcoin. كل هذا مع مجموعة بسيطة من الألوان والأشياء التي لا تسقط من مهمة النظام الأساسي الفعلي. في صفحة الرسوم البيانية الخاصة بهم ، يستخدمون JavaScript للسماح لك باستخدام مخطط منزلق يوضح عدد عملات البيتكوين التي دخلت التناوب خلال السنوات الخمس إلى الست الماضية. مالكي أعمال Bitcoin ، لاحظوا كيف تستخدم شركة مؤسسة بشكل احترافي تصميمها لغرس الأمن والثقة في عملائها.
BuzzSumo
Buzzsumo متواضعة عندما يتعلق الأمر بالترويج لمنتجها على الصفحة الرئيسية. سمحوا لك بتجربة التطبيق كأول شيء. يتيح لك ذلك الحصول على تجربة مباشرة لما ستبدو عليه النتائج. من هناك ، تبدأ عملية الاستحواذ على أساس الحد من النتائج التي يمكن للمستخدمين المجانيين تجربتها. ولكن حتى ذلك الحين ، فإن المعاينة التجريبية كافية لجذب العملاء المحتملين والعملاء الجدد. هل تسمح لعملائك بتجربة منتجك مجانًا قبل الاشتراك؟ يبدو أن هذا النموذج يحظى بشعبية خاصة بين الشركات التي تعمل بشكل صارم ضمن نطاق البيانات عبر الإنترنت.
بانجوي
تقدم Bankjoy الخدمات المصرفية عبر الهاتف المحمول للاتحادات الائتمانية. على الرغم من أن لديهم خدمات محدودة فيما يتعلق بالتعرض ، إلا أن تركيزهم الرئيسي في البيع ينصب على جذب العملاء المهتمين للوصول إليهم مباشرة. لكن أولاً ، تحدثوا قليلاً عن نظامهم الأساسي في عدد قليل من مربعات العناصر الوصفية. تتكون المقدمة الرئيسية من اسم الشركة ووصفها ، ودعوة لاتخاذ إجراء لجدولة معاينة ، وثلاث لقطات فردية لما يبدو التطبيق قيد الاستخدام.
تغطي الصفحة المقصودة بالفعل الكثير بمقدمة رأس واحدة فقط. من الآن فصاعدًا ، يستخدم Bankjoy ثلاثة عناصر حديثة أخرى للواجهة الأمامية لعرض المزيد من لقطات الشاشة داخل التطبيق ، والإشارة إلى الميزات الرائدة. يمكنك الاشتراك في العرض التوضيحي في التذييل ، حيث يوجد نموذج إدخال بسيط لعنوان بريدك الإلكتروني. تصميم جميل يمكن أن يلهمك لاتخاذ مسار مشابه لخدمات عملك أو تطبيقاتك المخصصة للعلامات التجارية والشركات الكبرى.
كريب سبوت
ارتفعت المنصات على غرار Airbnb إلى أعداد هائلة ، وحققت نجاحًا كبيرًا أيضًا. لدينا هنا Cribspot ، وهو فهرس محلي للبحث عن المساكن والشقق يستهدف الجامعات القريبة. تعكس مقدمة المنزل الكثير مما يبدو عليه Airbnb ؛ تحصل على مدخلات البحث وبعض الاقتراحات من عمليات البحث الأخيرة والشائعة. قام منشئو المحتوى بدمج التنقل كتراكب لصورة الخلفية ، وسيؤدي التمرير الصغير لأسفل إلى الكشف عن جميع المواقع المتاحة حيث يمكنك العثور على حل للإسكان.
يُظهر هذا النوع من التصميم أن قابلية الاستخدام تتفوق على التوافق وأن وجود العديد من الروابط على صفحة واحدة ليس سيئًا في الواقع عندما تعتبر أن هذه هي نقطة البيع الرئيسية لعملك. يمكنك الوصول إلى جميع الميزات الأخرى باستخدام زر القائمة. يوضح هذا أن وضع كل التركيز على منتجك الذي تبيعه يمكن أن يكون له تأثير كبير على التصميم. على محمل الجد ، لم يهتم هؤلاء الأشخاص حتى بتذييل موقع الويب ، على الرغم من أنهم يقدمون حلاً للدردشة الحية يمكن لأي شخص الوصول إليه وطرح الأسئلة.
أخير
يريد Final تغيير المشهد المصرفي ، ومنع الاحتيال ، وتحسين راحة بالك من خلال ميزات الأمان الحديثة التي ستجعل عملية الإدارة المصرفية والمصرفية أسهل عشر مرات. فكر في الأمر كمدير مالي شخصي يضمن الشفافية الكاملة فيما يتعلق بالحماية. مع Final ، ستحصل على نظرة عامة كاملة حول أين تذهب معظم أموالك فيما يتعلق بالمشتريات وعادات الإنفاق والاشتراكات. لذا ، كيف يمكن تسويق هذا النوع من المنتجات من خلال تصميم الويب؟
يستخدم Final نهجًا شائعًا لتوضيح ما يدور حوله المنتج من خلال الفيديو. كما أنها تتيح لك الاشتراك سريعًا في الوصول المبكر للنهائي من خلال نموذج إدخال ضخم أسفل الفيديو. يتم تقديم كل هذا من لحظة دخولك إلى الموقع. يتدفق التصميم بسلاسة ويستخدم ألوانًا ملونة لإنشاء بيان بالتحديث وتجربة المستخدم. وفي الوقت نفسه ، تظهر لقطات الشاشة الشكل الذي يبدو عليه الجزء الداخلي من النظام الأساسي. علاوة على ذلك ، يتم أيضًا جعل قائمة التنقل مثبتة بحيث يتم تمريرها معك أثناء التنقل. يتيح ذلك للمستخدمين أن يكونوا أكثر مسؤولية فيما يجب أن تكون خطوتهم التالية. يكمل تصميم المدونة جميع ميزات التصميم الأخرى لرؤية Final ، وهذا يجعل تجربة التصفح شفافة أخرى.
BlockScore
يعتبر الاحتيال على الويب صفقة ضخمة في الوقت الحالي. تغتنم الشركات الناشئة فرصة الحصول على تمويل من الرأسماليين لمساعدتهم على أن يصبحوا أكثر أمانًا. BlockScore هي واحدة من تلك الشركات التي تريد أن تكون رائدة في مبادئ التحقق من المستخدمين والأعمال في الوقت الفعلي. تقوم BlockScore بتحليل كل اشتراك مستخدم / تجاري من خلال خوارزمية بيانات معقدة يمكن أن تتطابق مع العديد من علامات الاحتيال وتمنح عملائك وفقًا لتصنيفات الاحتيال.
يركز التصميم الذي يستخدمونه على التحدث عن كل منتج من منتجاتهم (التحقق من الأفراد والشركات) في صفحات منفصلة ، لأن كلاهما منتجان فريدان. قائمة يتم تمريرها إلى أسفل الصفحة تعرض منتجاتها. كل عنصر مصحوب برمز خط لجعل التجربة تبدو أكثر حيوية. تم إنشاء صفحة التوثيق بشكل منفصل لدعم المطورين في تعلم كيفية عمل BlockScore حقًا ، ونوع الأنظمة الأساسية الهندسية التي تدعمها.
Checkr
أنت شركة أو شركة ناشئة ، وتحتاج إلى موهبة جديدة لمشروعك الفردي! صمم المطورون Checkr لمساعدة الشركات على إتمام فحوصات خلفية أكثر شمولاً للأشخاص الذين يريدون توظيفهم. يوفر هذا طبقة أخرى من الأمان ضد الموظفين المحتملين الذين قد يضرون بالشركة. على الرغم من أننا لسنا مهتمين بالمنتج بقدر اهتمامنا بالتصميم لمساعدتك على إلهام نفسك بأفكار ومفاهيم جديدة يمكنك تجربتها.
لدى Checkr طريقة رائعة لإظهار كيف يبدو المنتج قبل أن تبدأ في تجربته بنفسك. يستخدمون صورة GIF ضخمة على الصفحة الأولى يمكنك النقر عليها وإيقاف التحميل في أي وقت لفحص شكل كل قسم. قم بالتمرير لأسفل وستحصل على مخطط تفصيلي للميزات ، ومراجعة مفصلة للفئات التي يدعمها Checkr للفحص. يتكون التذييل من العديد من الصفحات والموارد المهمة للمساعدة في التنقل في موقع الويب والأسئلة الشائعة للعملاء.
فلين
لدى Flynn رؤية كبيرة في ذهنها: أن تصبح مطوري الأدوات وفرق العمليات الوحيدة اللازمة لتطوير ونشر وإدارة البرامج قيد التشغيل. صممه المبدعون لتشغيل أي شيء يمكن تشغيله على Linux ، وليس فقط تطبيقات الويب عديمة الحالة. يتضمن Flynn أيضًا أجهزة قواعد بيانات مدمجة (فقط Postgres الآن) ويتعامل مع حركة مرور TCP ، بالإضافة إلى HTTP و HTTPS.
لقد حصل المشروع بالفعل على إعجاب عشرات الآلاف من المهندسين والمطورين ، ولكن ما أدهشنا أكثر هو بساطة تصميم الويب الذي يستخدمونه ، ومدى نجاحه في مشروعاتك مفتوحة المصدر ، أو التصميم المتعلق بالبرامج. المشاريع التي يحدث فيها معظم التعلم عند بدء استخدام البرنامج الفعلي. ما لدينا هنا هو تصميم تقليدي للشبكة يركز على نص واضح وموجز فوق خلفية بيضاء. عناوين كبيرة وعناصر نصية محاذية ، مع زوجين من أزرار الحث على اتخاذ إجراء لتجربة المنتج ، والاشتراك في قائمة البريد الإلكتروني. ما الذي يحتاجه مشروع مثل هذا أكثر من ذلك؟
منارة
ساعد منارة منصات مثل PolitiFact في جمع الأموال للصحافة الشفافة. وقد ساعد أيضًا في تمويل العديد من الأفلام الوثائقية المهمة في العصور الحديثة ، ويستمر في تقديمه كمنصة تمويل جماعي للصحفيين الذين يرغبون في إحداث فرق في العالم. إنه Kickstarter بشكل أساسي ، لكن للصحفيين. لذلك مع أخذ كل ذلك في الاعتبار ، فإن الجانب الرئيسي للتصميم هو حث الصحفيين على البدء في إنشاء مشاريعهم في أسرع وقت ممكن. أصبح ذلك ممكنًا من خلال أزرار "بدء مشروع". تحتوي الصفحة الرئيسية على عنصر واجهة مستخدم يعرض المشاريع الممولة ، ويسمح لك بفرزها حسب الفئات أيضًا. إذا كنت تخطط لتشغيل نظامك الأساسي الشبيه بـ Kickstarter ، فراجع كيف يقلد الآخرون ما أطلق عليه Kickstarter ؛ ربما يمكنك استخدام عناصر التصميم هذه في سير العمل الخاص بك.
CodeCombat
CodeCombat لديها مهمة ضخمة لإنجازها ؛ لمساعدة أي شخص على تعلم البرمجة من خلال لعب لعبة متصفح تفاعلية تستجيب لأوامر البرمجة التي تدخلها. لقد أنشأ الملايين بالفعل أساسًا متينًا لمعرفتهم بـ JavaScript باستخدام CodeCombat ، ويبدأ الكثيرون منحنى التعلم كل يوم. تستخدم CodeCombat نهج التصميم الخاص بها لتقديم الوافدين الجدد إلى النظام الأساسي وما يمكن توقعه من عملية التعلم ، ولديهم تقييمات المستخدمين المقدمة التي تلهم مزيدًا من الإجراءات ، ولكنهم أيضًا يجتهدون في شرح الاستخدام الحقيقي للتعلم اللعابي ، ومدى الاستفادة منه. كن ، خاصة للأطفال الصغار.
يقدم CodeCombat أيضًا خدمات للمعلمين الذين يرغبون في إدخال البرمجة التفاعلية في الفصول الدراسية. عندما تنتقل إلى صفحة الدورات التدريبية ، يصبح التصميم أكثر توجهاً نحو الألعاب. هذا هو المكان الذي تبدأ فيه رحلة البرمجة. لا يفقد التصميم الزخم حتى داخل المنصة ، مما يجعلها جذابة وودية للعيون.
TrueVault
يوفر TrueVault طبقة من الأمان لقواعد البيانات الخاصة بك. تحظى TrueVault بشعبية خاصة في مجال الرعاية الصحية ، وتضمن أن جميع بيانات العملاء مؤمنة تمامًا ومُحسَّنة لتحقيق أقصى إمكانات. ما نحبه في تصميم TrueVault هو الشعور المستقبلي بأنهم تمكنوا من إضافته إلى مثل هذه الخدمة عالية المستوى. يحتوي الموقع على فيديو خلفية متحركة مع نص متراكب وشريط تمرير مدمج لأسفل. قم بزيارة الصفحة الرئيسية وحاول التمرير لأسفل ؛ تحصل على ثلاث طرق عرض فريدة لأعضاء TrueVault الذين يعملون بجد لإنشاء مثل هذه الخدمة المخصصة.
استمر في التمرير وستحصل على عنصر واجهة مستخدم معقد يخبرك عبر طبقات ما يفعله TrueVault وكيف يمكن أن يكون مفيدًا لعملك. يوجد أيضًا عداد كبير لإظهار عدد السجلات التي تم الاهتمام بها منذ بداية النظام الأساسي. إنه مجرد مؤشر ثقة آخر لمن يفكرون في الاستفادة من خدماتهم. يتمتع تصميم الويب الحديث وتطوير الويب بالكثير من الإمكانات تحت جعبته ، وتتيح لنا مواقع الويب مثل هذه فهم إمكانات التصميم ، وكيف يمكننا أيضًا إعادة إنشاء تلك التجارب نفسها.
التكتونية
Tectonic متخصص أيضًا في الأمن ، هذه المرة يتعلق بالحاويات. إذا كان لديك عمل يحتاج إلى النقل من مكان إلى آخر ؛ cloud → data center ، فإن Tectonic هي الشركة التي ستساعد في جعل هذه العملية آمنة وغير مؤلمة قدر الإمكان. يعد اختيارهم لتصميم الويب مزيجًا معقدًا من القيم التجارية المهمة ومحتوى الفيديو الذي يُشرك العميل في أداء المنتج الفعلي ، وكيف سيعمل بمجرد التسجيل كعميل. تأخذ قائمة التنقل منعطفًا إضافيًا لتقديم صفحات مقصودة فردية لميزات وقدرات المنتج الفردية. كلما زاد إطلاع عملائك على اختياراتهم ، زادت احتمالية إتمام عملية البيع.
بيتنامي
Bitnami هي مكتبة لتطبيقات الخادم وبيئات التطوير الشائعة التي يمكنك تثبيتها بنقرة واحدة ، إما في الكمبيوتر المحمول أو في جهاز افتراضي أو في السحابة. سيؤدي ذلك إلى التخلص من الحاجة إلى تجميع وتكوين كل إعداد من إعدادات التطبيق الخاص بك على حدة ، بحيث يمكنك التركيز أكثر على ما هو مهم - إنشاء صفحات الأعمال والمحتوى والتسويق والتواصل. وعد Bitnami هو التثبيت الآمن والمرن لبرامج التطبيقات الحديثة للويب.
هؤلاء الأشخاص موجهون بشكل كبير نحو التكنولوجيا ، لذا يجب أن يعكس موقع الويب الخاص بهم قابلية الاستخدام الشائعة التي توفرها مواقع الويب التقنية. تتحدث صفحة الفهرس عن الخدمة بالتفصيل ، وتوفر مجموعة مختارة من الرموز لبرامج الويب الشائعة التي بمجرد أن تحوم فوق رمز ، فإنها تمنحك خيار "تشغيل" البرنامج مباشرةً. تتكون صفحات البرنامج من معلومات مفصلة حول برنامج معين ؛ على سبيل المثال ، WordPress أو MediaWiki. يمنحك Bitnami أيضًا خيار معاينة البرنامج وتشغيله في السحابة ، وكذلك لتنزيل حزمة التثبيت لتشغيل أشيائك محليًا ، والتي يمكنك بعد ذلك نقلها عبر الإنترنت. تعليقات العملاء وفيرة ، وتناقش تجربتهم مع مثبتي Bitnami لكل حزمة.
اللافت
عندما يتعلق نموذج عملك بمساعدة الآخرين في بناء مواقعهم الخاصة ، فمن الأفضل أن تتأكد من أن موقع الويب الخاص بك ذو جودة استثنائية ، وإلا سيصاب الناس بالإحباط بسبب ما تقدمه. اللافت للنظر لا يخجل من جعل تصميم موقع الويب الخاص بهم يبدو وكأنه تعبير عن أحدث الأفكار والتحليل الإبداعي.
ينصب التركيز الرئيسي على مساعدة العملاء على البدء في أسرع وقت ممكن ، من خلال نموذج تفاعلي قليلاً يسأل عن اسم العملاء والبريد الإلكتروني وكلمة المرور. (أو يمكنك التسجيل باستخدام أداة Facebook oauth.) يخبرونك كيف يعمل في ثلاث خطوات بسيطة ، ولا يجب طلب المزيد من المعلومات لهذا النوع من النظام الأساسي. إنهم يعرضون للمستخدمين بعض أمثلة التصميم المذهلة التي يمكن تحقيقها باستخدام Strikingly - والتي تعد واحدة من النقاط الحاسمة في تصميم الويب أيضًا ، فأنت تريد من المستخدمين تجربة المنتج وميزاته حتى قبل أن يبدأوا عملية الالتحاق ، ونصائح جيدة لأخذ من Strikingly هنا.
Svbtle
تأخذ Svbtle احتياجات العملاء على محمل الجد. إنها شركة صغيرة تعتمد على الاشتراكات المدفوعة للمستخدمين الذين يرغبون في استخدام منصة تدوين بسيطة وموجهة نحو الكتابة. تحظى Svbtle بشعبية بين المطورين والمصممين والعقول المبدعة الذين يسعون إلى البساطة ، مما يجعل التدوين تجربة شخصية أكثر. من اللحظة التي تفتح فيها مواقع الويب الخاصة بـ Svbtle ، من الواضح أن هؤلاء الأشخاص لا يعبثون بالتعقيد ، ويفضلون البساطة في جميع المناسبات. يستخدمون صفحة "حول" الخاصة بهم للإشارة إلى ما يجعل نظامهم الأساسي جذابًا للغاية لآلاف المدونين ، ولماذا تحتاج إلى أن تصبح عميلاً أيضًا.
راك سبيس
تقدم Rackspace حلول استضافة مخصصة لفترة طويلة حقًا بالفعل ، وقد انتقلت الآن إلى قطاع السحابة أيضًا. التصميم يتحدث عن نفسه. أولاً ، تركز على مدى جودة دعم منتجك ومدى خبرتك في كل مجال ، ثم تقوم بإدراج السيناريوهات المحتملة التي قد يكون المستخدم مهتمًا باستخدام منتجك لها ، وفي هذه الحالة يقدم Rackspace حلولًا لـ: التجارة الإلكترونية والويب إدارة المحتوى والبريد الإلكتروني والإنتاجية واستضافة مواقع الويب واستضافة تطبيقات الويب وخدمات قواعد البيانات وخدمات الأمان المُدارة.
جميع الإشارات الفردية هي عناصر تصميم قابلة للنقر ، مما يمنح الصفحة الرئيسية طابعًا يشبه خريطة الموقع. وإذا لم يكن ذلك كافيًا ، فإن حاوية منفصلة بها نموذج اتصال ستوصلك بأحد خبراء Rackspace ؛ والتي يمكن أن تكون من بين الخبراء على منصتك. علينا أن نتذكر أن شركات مثل Rackspace تتعامل مع ملايين العملاء ، وبالتأكيد فإن تدفق وتصميم الموقع لهما الكثير في عملية اكتساب العملاء بشكل عام.
Ahrefs
لم تكن مراقبة الروابط الخلفية ومراقبة العلامة التجارية وتحليل المنافسين أسهل من أي وقت مضى بفضل Ahrefs ، الأداة المفضلة في صناعات تحسين محركات البحث (SEO) لتحليل ومراقبة أي شيء يتعلق بتسويق محركات البحث. يتجاوز التصميم هنا القيم التقليدية لموقع الويب ، حيث يدير هؤلاء الأشخاص نظامًا أساسيًا خلفيًا يمثل عجبًا في التصميم في حد ذاته ، وبقدر ما يتعلق الأمر بالصفحة الرئيسية ، يبدو أن العنوان المختصر مصحوبًا بمعاينة المنتج بتنسيق مرئي لتكون كافية لجذب الآلاف من العملاء الجدد كل يوم. يقومون بإتاحة مجموعة من ميزات المنتج من خلال الرموز ، مما يوفر مساحة لمزيد من مساحة التصميم باستخدام تنقلات jQuery.
على سبيل المثال ، كل من الميزات: مستكشف المواقع ، ومستكشف المواقع ، ومستكشف المحتوى ، ومتتبع الموضع ، وتقارير الزحف ، وتنبيهات Ahrefs كلها عناصر تصميم فردية يتم ملؤها بوصف الميزة ، ولقطة شاشة توضح كيف تبدو الميزة. كلما زاد عدد العملاء الذين يجربون المنتج مباشرة دون أن يصبحوا مشتركين ، زاد احتمال رغبتهم في التحول إلى الإصدار التجريبي المجاني وأن يصبحوا عملاء يدفعون. تعتبر البيانات مهمة أيضًا ، ولهذا السبب لا تخجل Ahrefs من الحديث عن حجم قاعدة البيانات وعدد الروابط والمجالات التي يتتبعونها يوميًا.
كل هذا يضيف إلى إثارة الأداة التي يمكنها بالفعل تتبع الويب بالكامل لفرص التسويق المحتملة. تساعد المراجعات من كبار الخبراء في الصناعة على تكامل ثقة المنصة ، مما يؤدي إلى زيادة إنتاج عملاء جدد بناءً على إعجابهم بالخبراء الذين يمكنهم أن يشهدوا للمنتج.
تجميع النموذج
يريد FormAssembly مساعدة الشركات وأصحاب مواقع الويب والشركات التجارية على إنشاء نماذج أفضل. النماذج الموثوقة وسهلة التصميم والأهم من ذلك كله ؛ يؤمن. نوع تصميمهم مضغوط ، يشرحون قدر الإمكان عن المنتج في حاوية واحدة حيث تحصل على معلومات المنتج العامة ، ونوع الأشياء التي يمكنك تحقيقها باستخدام النظام الأساسي (منشئ النماذج) ، وأيضًا عنصر واجهة مستخدم مراجعة العميل التي تم تركها على Twitter. إنهم لا يخجلون من إخبارك أن العلامات التجارية الرائدة مثل PayPal و Amazon تستخدم خدماتها أيضًا. هذا يغرس ثقة العملاء ، وهو جانب مهم من جوانب التصميم. التذييل عبارة عن مجموعة سهلة من الارتباطات لصفحات FormAssembly المهمة لمساعدتك على البدء.
اضف هذا
لا يمكنك أن تخطئ أبدًا في القليل من التسويق عبر وسائل التواصل الاجتماعي ، أو الكثير منه. كان AddThis واحدًا من رواد أدوات المشاركة الاجتماعية متعددة المهارات التي يمكن دمجها في أي تصميم موقع إلكتروني فعليًا. وحتى يومنا هذا ، يواصل AddThis خدمة ملايين مواقع الويب ويساعدهم على كسب مشاركات اجتماعية من خلال أزرار مشاركة اجتماعية مفيدة وصغيرة الحجم ومصممة بشكل جميل وعناصر واجهة مستخدم وأزرار متابعة. أضافوا مؤخرًا أيضًا القدرة على عمل النوافذ المنبثقة للمحتوى وتوصيات المحتوى ؛ سمتان ناشئتان في التصميم الحديث.
لذلك في سياق التصميم الخاص بهم ، يريدون منك التعرف على هذه الميزات بشكل فردي ، مما يعني النقر من الصفحة الرئيسية لفحص جميع الميزات بشكل فردي. لقد نقرنا على أداة متابعة الأدوات ، وفتحنا صفحة مقصودة جديدة تروي بشكل جميل كيف ستبدو الأزرار الاجتماعية على موقع الويب الخاص بك ، ونوع المواضع التي يمكنك إنشاؤها باستخدام أداة AddThis. وينطبق نفس نهج التصميم هذا على جميع ميزاتهم الأخرى. يتم تفضيل البساطة بشكل فردي بشكل كبير هنا ، ويبدو أنها تعمل بشكل جيد مع AddThis وأدواتها الأم.
أدوبي فويس
نحن في Colorlib فخورون جدًا بأن يكون لدينا عميل مثل Adobe لإحدى مدوناتهم. إنه يوضح مدى تقدير Adobe للتصميم الجيد ، وأنهم لا يخشون تجربة سمات WordPress المتاحة مجانًا والتي تم تصميمها بواسطتك حقًا. طور المبدعون Adobe Voice للسماح للأشخاص المبدعين بإنشاء مقاطع فيديو متحركة جميلة. يمكنك استخدام مقاطع الفيديو هذه لإنشاء قصص أو لتصوير الأفكار أو ببساطة للإلهام. هذا هو نوع النظام الأساسي الذي ينتظر منشئو المحتوى عقودًا من أجله.
يتيح لك Adobe Voice تسجيل صوتك بنقرة زر واحدة ، ثم استخدام المقطع الذي قمت بتسجيله وتعبئته بمحتوى مرئي متاح مباشرة من مكتبة Adobe Voice. لقد استوحينا الإلهام من مدى روعة مظهر موقع Adobe Voice ، نظرًا لأن منتجهم له قيمة غير عادية لمنشئي المحتوى في جميع أنحاء العالم. يعطونك أمثلة كافية للمعاينة لتجعلك مدمن مخدرات على النظام الأساسي. يساعدك Voice على إنشاء مقاطع فيديو متحركة مذهلة في دقائق. ممنوع التصوير - فقط تحدث لتخبر قصتك. اختر من بين أكثر من 25000 صورة أيقونية جميلة لعرض أفكارك وسيضيف Voice تلقائيًا حركة سينمائية وموسيقى تصويرية. إقناع وإعلام وإلهام أي شخص على الإنترنت. أن يكون لها تأثير.
محتشم
هو أفضل صديق لك بقدر ما يتعلق الأمر بصياغة المحتوى والتسويق. إنها منصة تسويق محتوى حائزة على جوائز تنقلك من فكرة إلى امتلاك قطعة محتوى مؤثثة بالكامل ستؤدي بشكل جيد أمام جمهورك. يحدث كل هذا بفضل منصة التحليلات الرائعة الخاصة بهم والتي تقدم ملاحظات في الوقت الفعلي حول كل خطوة من الخطوات التي تتخذها لإنهاء جزء جديد من المحتوى. نهجهم في التصميم الذي يمكن أن يبيع فكرتهم بسيط إلى حد ما: منح العملاء بعض البيانات ، ومعاينة للنظام الأساسي ، ومنحهم هدية مجانية من أفضل نصائح تسويق المحتوى ، وإلقاء نظرة على المراجعة لطمأنة موثوقيتك في التسويق الفعلي في العصر الحديث حقل. الصور الكبيرة والبيانات الكبيرة والعناوين الضخمة هي ما يجعل موقع Contently يعمل بشكل جيد للغاية ، هل ستستلهم من هؤلاء الأشخاص ، أم تتركه كذلك؟
كوراتا
المنصات مثل Curata هي الدليل الحقيقي على حجم مجال تسويق المحتوى ، ومدى صعوبة إدارة تحليل المحتوى والبحث والتسويق دون استخدام منصة واحدة مثل Curata - التي تربط معًا جوانب متعددة لتسويق المحتوى في برنامج واحد ، مما يسمح للمسوقين بالتركيز على أفضل نقاط قوتهم ؛ المحتوى والتسويق.
نقطة بيع Curatas هي مقطع الفيديو التمهيدي الذي تبلغ مدته دقيقتان ، وهو مفصل بما يكفي للتحدث عن خصوصيات وعموميات Curata وكيف يمكن أن تساعد مسوقي المحتوى على أن يكونوا أكثر اتساقًا مع تقديم المحتوى الخاص بهم ، ولكن أيضًا أكثر إنتاجية فيما يتعلق بتسويق المحتوى المباشر تشعر بالقلق. لاستكمال الرؤية ، تقوم قائمتهم بأبرز عملائهم وأكثرهم شهرة لطمأنة أي عملاء محتملين أنهم بالفعل الصفقة الحقيقية. يقدم المطورون الأشياء مجانًا كجزء من استراتيجية التصميم الخاصة بهم. يمكنك استخدام هذا المثال المثالي للحصول على عملاء متوقعين جدد وكل ذلك يعتمد على سياق المحتوى الخاص بك.
ميل تشيمب
MailChimp لا يعبث بالتسويق عبر البريد الإلكتروني. هؤلاء هم منصة التسويق عبر البريد الإلكتروني رقم 1 على هذا الكوكب. إنهم مشهورون بشكل خاص بخطتهم المجانية التي تسمح برسائل بريد إلكتروني بحجم 2k ضمن قائمة بريد إلكتروني. الشيء الرائع هو أن هذه القائمة لا تحتوي على قيود على عدد رسائل البريد الإلكتروني التي يمكنك إرسالها. هذه 2k رسالة بريد إلكتروني قبل أن تبدأ في أن تكون عميلاً مدفوع الأجر. هذا هو نوع الصفقة التي لن ترغب في تمريرها بسهولة. من الغريب أن MailChimp يعترف بهذا النجاح الهائل الذي حققه. يخصصون صفحتهم الرئيسية لصورة بسيطة لما يبدو عليه جزء من نظامهم الأساسي. قاموا أيضًا بإضافة زر تسجيل غامق يبدأ عملية الإعداد.
عندما يكون لديك أكثر من 10 ملايين عميل ، فلا داعي للقول عن شيء آخر. بالنسبة لكل شيء آخر ، فإن قائمة التنقل تهتم بذلك. تحتوي كل خطة من خطط التسعير الخاصة بهم على صفحات فردية حيث تُظهر ما ستحصل عليه الخطة الفردية. يوضح أيضًا كيف يمكنك قياس كل خطة وفقًا لعدد مشتركي البريد الإلكتروني لديك. من النماذج الشائعة لجذب العملاء السماح لهم بالحصول على قدر محدد من الموارد المطلوبة. يمكنك شحنهم وفقًا لذلك بعد ذلك.
المعيار
Benchmark هي منصة تسويق بريد إلكتروني أخرى. نظرًا لأن التصميم الرئيسي لـ MailChimp كان نحيفًا للغاية ، فقد اعتقدنا أنه لن يكون تضمين بديل آخر فكرة سيئة. هذه المرة ، أعطوا البديل تصميمًا فريدًا أكثر. يستخدم هذا النظام الأساسي التنقل المنزلق الذي ينزلق عبر 5 عناصر صفحة مختلفة. كل عنصر لديه شيء لإظهاره من تجربة المنتج. كما أن لديها ميزة أو جانبًا مهمًا من النظام الأساسي الذي ستتمكن من الوصول إليه. هؤلاء الرجال لديهم أيضًا خطة مجانية للاستيلاء عليها. أسلوبهم في السماح للناس بمعرفة هذا الأمر بسيط. قاموا بإنشاء زر CTA يقول بالضبط: خطة مجانية! اذكر كلمة "مجاني" في أي مكان ، وسيكون لديك عملاء يقفزون في جميع عروضك.
صفحة تسعير المعايير هي أيضًا تفاعلية. هذا يسمح لك بتوسيع حجم الموارد التي ستحتاجها. في هذه المرحلة ، سيعطيك Benchmark عرض أسعار تلقائي يمكنك بدء عملية التسجيل به. إنهم ودودون أيضًا ، ويريدون التحدث معك من خلال أداة الدردشة الحية الآلية. الخبراء ينتظرون الإجابة على أسئلتك. طريقتهم في الحديث عن ميزات نظام البريد الإلكتروني الخاص بهم هي الفيديو المباشر ، والكثير من الأمثلة.
CodeFights
تساعد CodeFights المبرمجين على اختبار مهاراتهم في لعبة معركة تفاعلية تقترح تحديات وتكافئ الأشخاص بالتقدير. نحن نحب التصميم المذهل والأنيق باللون الأزرق الذي يحدث هنا. لديك هذه الرسوم المتحركة المذهلة التي تعرض أبطالًا مختلفين للموقع. أنشأ المبدعون هذه المنصة للصداقة ، وبشكل عام للاستمتاع. قاموا أيضًا بتطبيق زر CTA ضخم باللون الأحمر للسماح للأشخاص بالاشتراك على الفور. فيما يتعلق بعملية التحدي الفعلية ، لم يظهروا الكثير على المنصة. إذا كنت مبرمجًا ووجدت هذه الصفحة ، فستعرف بالتأكيد ما سيحدث بعد ذلك. إذا أنشأت تطبيقًا / نظامًا أساسيًا / برنامجًا يلبي احتياجات أشخاص محددين ولديهم وعي ذاتي ، فيمكنك استخدام هذا النوع من النهج.
دبوس طبعة
يتيح Thumbtack لأصحاب المنازل العثور على أشخاص للوظيفة ، سواء كان ذلك الرسم أو إعادة تنظيم الحديقة. هناك خبراء ومحترفون في Thumbtack ينتظرون شخصًا مثلك لتوظيفهم. هذا هو نموذج العمل. إذن ، كيف تبدأ في بناء موقع على شبكة الإنترنت لمثل هذا النموذج؟ عليك اتباع نهج Airbnb مرة أخرى. يضيق Thumbtack عملية تعيين شخص ما في ثلاث خطوات بسيطة. بعد ذلك ، يمنحك الوصول إلى الروابط من جميع الولايات الأمريكية الخمسين حيث يمكنك العثور على هؤلاء المحترفين فيها.
ويفهمون أهمية مراجعات العملاء أيضًا. هذا هو السبب في أنهم يعرضون ستة منهم على صفحتهم الرئيسية. يساعد المستخدمين المحتملين للنظام الأساسي على فهم العملية بشكل أفضل. وبطبيعة الحال ، فهو يحذي أيضًا نوع النتائج التي تمكن الناس من تحقيقها. الميزة الفريدة التي رأيناها حتى الآن هي نموذج الإدخال في تذييل الصفحة الرئيسية. يتيح لك نموذج الإدخال هذا إدخال رقم هاتفك المحمول والحصول على رابط مباشر لتنزيل تطبيق الهاتف المحمول. هذا يأخذ التسويق عبر الهاتف المحمول إلى مستوى جديد من الوجود. يمكن لـ Thumbtack الاستفادة من إمكانات الهاتف المحمول ، وكيف يمكنك الحصول على الهاتف المحمول.
فونديرا
الممول هو الملاك الحارس للاستثمار لأصحاب الأعمال الصغيرة. قام الممول حتى الآن بتمويل أكثر من 3000 شركة صغيرة ، مع تقديم أكثر من 150.000.000 مليون دولار. استغرق أسرع مشروع تمويل خاص بهم 10 دقائق فقط لمعالجته. هؤلاء الأشخاص يريدون منحك قروضًا ميسورة التكلفة ، والقيام بذلك بسرعة ، ولكن بشكل مريح. Small business is a huge deal in United States. It's the reason why Fundera wants to make it easier for you to acquire funding to grow your business. Of course, this grows the economy, and the job market.
The way Fundera learns about you initially is through a simple signup form. This is where you specify the amount you're after and the amount of time you've spent developing your business. You also need to include the purpose of your loan, and your credit score which helps to understand your eligibility. The developers dedicated its design to talking about the whole process of getting Fundera to hand you out a loan. It also includes what you can expect in long-term.
Payable
Contractors have really emerged from the depths and have become a great alternative to freelancers. But, what platform are you going to use to manage things like paying to your contractors, their taxes and their benefits entitlements? You will want to explore Payable. We love how smooth Payable is with discussing their product within a few simple elements. We also like how persistent they are with getting you to sign up. Let's face it. The developers aimed these niche product at a very specific market. You will also learn everything you need to know once you get inside of the platform. You can do this unless you feel that you are juggling between two competing platforms. Give your customers a reason to go with what your product does, and where it stands out the most.
Best Landing Pages for Design Inspiration
Design doesn't need to be difficult. Design needs to be simple. It's how things work. We want our customers to understand how our designs work. We can do this through knowing what they are telling us, and what they are enabling us to do. All of the landing pages we listed have helped these businesses earn hundreds of thousands. In many cases, tens of millions of dollars in revenue is a statement on its own. There's something about knowing what your audience likes, and then using that knowledge to create a user friendly web page. This will make the process of customer acquisition seamless, friendly, and very rewarding indeed.