طرق مختلفة لتصميم صفحات المنتجات الرقمية

نشرت: 2022-03-10
ملخص سريع يمكن بسهولة الإعلان عن المحتوى الرقمي (الكتب الإلكترونية ووسائط التخزين والدورات التدريبية) وبيعه من خلال الأسواق عبر الإنترنت. لكن عملائك لن يربحوا نفس القدر من المال بهذه الطريقة ولا يمكنهم التحكم في كيفية تسويق منتجاتهم. من خلال تصميم صفحات المنتجات الرقمية لمستخدمي الهواتف الذكية الذين هم في مرحلة الاكتشاف والبحث المبكرة ، يمكن لعملائك جني المزيد من الأموال من منتجاتهم. اليوم ، سننظر في كيفية القيام بذلك.

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

على سبيل المثال ، هذا ما تبدو عليه صفحات منتجات دراجات Peloton وملابس Macy's و Truth Bars:

مقارنة جنبًا إلى جنب: بيلوتون بايك ، بلوزة Macy's برقبة على شكل V ، لوح تروث بار بجوز الهند بالشوكولاتة الداكنة
مقارنة جنبًا إلى جنب لصفحات منتجات الأجهزة المحمولة لـ Peloton و Macy's و Truth Bars. (المصدر: Peloton، Macy's، Truth Bars) (معاينة كبيرة)

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

تصميم صفحات المنتجات الرقمية للجوال ليس بهذه السهولة.

بينما قد تتمكن من تصميم صفحة ملابس ومعدات ومنتجات غذائية بشكل مشابه ، لا يمكنك فعل الشيء نفسه مع المنتجات الرقمية مثل:

  • الكتب الإلكترونية والمستندات الأخرى ،
  • الوسائط والملفات الأخرى المرخصة ،
  • الدورات.

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

المزيد بعد القفز! أكمل القراءة أدناه ↓

طرق مختلفة لتصميم صفحات المنتجات الرقمية للجوال

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

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

إليك ما تحتاج إلى معرفته عند تصميم صفحات للأنواع التالية من المنتجات الرقمية:

تصميم صفحة منتج الكتاب الإلكتروني

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

بيانات Statista حول مبيعات الكتب الإلكترونية العالمية المتوقعة: 16.647 مليار دولار في عام 2020 إلى 19.997 مليار دولار في عام 2025
تتوقع Statista نموًا سنويًا في مبيعات الكتب الإلكترونية ، من 16.6 مليار دولار في عام 2020 إلى 20 مليار دولار في عام 2025. (المصدر: Statista) (معاينة كبيرة)

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

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

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

أولاً ، تم تصميم كل صفحة كتاب إلكتروني لتتماشى مع العلامة التجارية لمجلة Smashing التي يعرفها القراء ويثقون بها:

نموذج لصفحة كتاب إلكتروني من موقع مجلة Smashing: هذا خاص بـ The Ethical Design Handbook
كتاب كتيب التصميم الأخلاقي من مجلة Smashing. (المصدر: مجلة Smashing) (معاينة كبيرة)

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

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

الصفحة المقصودة لدليل التصميم الأخلاقي مع "احصل على الكتاب الإلكتروني" مقابل 19.00 دولارًا أمريكيًا للحث على اتخاذ إجراء
توفر الصفحة المقصودة للكتاب الإلكتروني لدليل التصميم الأخلاقي للقراء طريقة سريعة "للحصول على الكتاب الإلكتروني". (المصدر: مجلة Smashing) (معاينة كبيرة)

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

ولم يمض وقت طويل قبل أن تتاح للقراء المهتمين فرصة قراءة معاينة للكتاب:

تأتي الكتب الإلكترونية من Smashing Magazine مع تنزيلات مقتطفات مجانية من ملفات PDF و ePub و Kindle مع توضيح خطط الدروس
القراء المهتمون مدعوون إلى "تنزيل مقتطف مجاني من ملف PDF" أو حفظه في نوع الملف الذي يختارونه. (المصدر: مجلة Smashing) (معاينة كبيرة)

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

بدون معاينة ما يشترونه ، سيكون من الصعب جدًا إجراء هذا البيع.

عنصر آخر يجب تضمينه في الصفحة المقصودة للكتب الإلكترونية هو قسم عن المؤلف (المؤلفين).

حول مؤلفي كتيب التصميم الأخلاقي: ترين فالب ، مارتن مايكل فريدريكسن
قسم مخصص لمؤلفي كتيب التصميم الأخلاقي. (المصدر: مجلة Smashing) (معاينة كبيرة)

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

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

مقتطف من جدول محتويات الكتاب الإلكتروني لكتيب التصميم الأخلاقي
جدول محتويات كتاب كتيب التصميم الأخلاقي. (المصدر: مجلة Smashing) (معاينة كبيرة)

يعد قسم جدول المحتويات مفيدًا لعدد من الأسباب:

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

هناك شيء واحد لم يتم تضمينه في هذا المثال أحثك ​​على تضمينه في صفحات كتابك الإلكتروني إذا كان بإمكانك: التقييمات أو الشهادات.

لمجرد أنه منتج رقمي ، فهذا لا يعني أن القراء لا يحتاجون إلى دليل اجتماعي لنقلهم من "أصوات مثيرة للاهتمام" إلى "أريد قراءة هذا". في الواقع ، إنه جزء كبير مما يساعد على بيع الكتب الإلكترونية على منصات مثل Amazon و Barnes & Noble.

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

تصميم صفحة منتج الوسائط

بصفتك مصمم ويب ، فأنت بالفعل على دراية بالكميات الهائلة من المحتوى المرخّص الموجود هناك:

  • الصور
  • أشرطة فيديو،
  • أيقونات
  • موسيقى،
  • مؤثرات صوتية،
  • فيديو،
  • الخطوط ،
  • مواضيع التصميم أو القوالب ،
  • الإضافات.

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

إذن ، لماذا نتحدث حتى عن هذا ، إذن؟

هناك نقطتان أريد توضيحهما:

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

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

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

سأستخدم موقع الخطاط مارك سيمونسون لإظهار كيف يجب أن تتعامل مع شيء كهذا.

هذه هي الصفحة المقصودة لخط Mostra Nuova:

مقدمة عن خط Mostra Nuova على موقع Mark Simonson Studio
الصفحة المقصودة لخط Mostra Nuova من Mark Simonson Studio. (المصدر: مارك سيمونسون) (معاينة كبيرة)

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

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

وصف مارك سيمونسون لخط Mostra Nuova وتاريخه
يتضمن Mark Simonson وصفًا مفيدًا للخط وتاريخه. (المصدر: مارك سيمونسون) (معاينة كبيرة)

لا يتعين عليك أيضًا الالتزام بإرشادات السوق. علامتك التجارية ومنتجاتها تأتي أولاً:

استوديو مارك سيمونسون: نماذج أوزان وأنماط موسترا نوفا
يوفر استوديو Mark Simonson أوزانًا وأنماطًا لكل خط في العائلة. (المصدر: مارك سيمونسون) (معاينة كبيرة)

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

وصف لما تعرضه الصورة للنص البديل
شرح ليتم عرضه أسفل الصورة (المصدر: مارك سيمونسون) (معاينة كبيرة)

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

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

يتضمن Mark Simsonson 4 أمثلة من العالم الحقيقي لخط Mostra Nuova قيد الاستخدام
يتضمن Mark Simonson أمثلة من العالم الحقيقي لكل خط قيد الاستخدام. (المصدر: مارك سيمونسون) (معاينة كبيرة)

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

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

بالنسبة لبيع الوسائط على موقع الويب الخاص بك ، لديك خياران. يمكنك القيام بما يفعله Mark Simonson Studio وتقديم قائمة طويلة من الروابط إلى الأماكن التي يُباع فيها الخط:

يوفر Mark Simonson للعملاء روابط لأسواق الخطوط لشراء Mostra Nuova منها
يوفر Mark Simonson روابط لمواقع ويب أخرى تبيع خط Mostra Nuova. (المصدر: مارك سيمونسون) (معاينة كبيرة)

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

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

تصميم صفحة منتج الدورة

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

  • لدى كورسيرا أكثر من 68 مليون متعلم.
  • Udemy لديه 35 مليون متعلم.
  • لدى edX أكثر من 20 مليون متعلم.

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

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

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

  • مواد تكميلية
  • الرسائل الإخبارية وتذكيرات البريد الإلكتروني ،
  • المجتمعات الخاصة ،
  • و اكثر.

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

لنلقِ نظرة على مثال من موقع Career Contessa. هذه هي صفحة برنامج أكاديمية البحث عن الوظائف:

صفحة برنامج أكاديمية البحث عن الوظائف من Career Contessa
صفحة المنتج الخاصة ببرنامج أكاديمية البحث عن الوظائف من Career Contessa. (المصدر: Career Contessa) (معاينة كبيرة)

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

تدعو Career Contessa المتعلمين للتسجيل في الدورة مقابل 197 دولارًا
تدعو Career Contessa الزائرين إلى "التسجيل في الدورة التدريبية" على الفور تقريبًا. (المصدر: Career Contessa) (معاينة كبيرة)

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

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

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

ومع ذلك ، فهي ليست كلها جدران نصية. يرى المتعلمون أيضًا محتوى الفيديو:

تقدم Career Contessa للمتعلمين مقطع فيديو ترويجيًا لمسارها الدراسي
تستخدم Career Contessa مزيجًا من محتوى الفيديو والنص لوصف مسارها. (المصدر: Career Contessa) (معاينة كبيرة)

قوائم نقطية يمكن مسحها ضوئيًا:

تفصل Career Contessa أوصاف الدورات التدريبية بنقاط نقطية سهلة القراءة
تسلط صفحة الدورة التدريبية Career Contessa الضوء على نقاط الألم الشائعة. (المصدر: Career Contessa) (معاينة كبيرة)

معلومات مقدمة بشكل جيد حول محتوى المكافأة:

تعلن صفحة الدورة التدريبية Career Contessa عن محتوى إضافي مثل الأدلة وأوراق العمل
تأتي دورة Career Contessa مع محتوى إضافي. (المصدر: Career Contessa) (معاينة كبيرة)

من الواضح أن المصمم قضى الكثير من الوقت في إعطاء كل قسم مظهرًا مميزًا لذلك سيكون من الأسهل بكثير مسحه وقراءته.

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

منهج دورة Career Contessa مع قسم الترحيب وخطط الدرس 1
تأتي صفحة الدورة التدريبية Career Contessa مع منهاج الدورة التدريبية ومعاينات الدروس. (المصدر: Career Contessa) (معاينة كبيرة)

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

قد يبدو هذا وكأنه مبالغة ، لكن النهج سليم. يمكنك بيع الدورات التدريبية الخاصة بك للمتعلمين العاديين على مواقع مثل Coursera و edX ، ولكن لا توجد علاقة هناك. قاموا بالتسجيل في الدورة التدريبية الخاصة بك بنفس سهولة الدورة التالية المعروضة على الموقع.

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

تغليف

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

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