تجارة إلكترونية للمحتوى العربي · إعادة تصميم للجوال

حين تكون المعلّمة نفسها هي المنتج.

يبيع موقع Sumaya 369 دورات وباقات وكتبًا باسم أحد أشهر أسماء تطوير الذات في السعودية. أعدت بناء تجربة الجوال حول سؤال واحد: كيف تبيع عمل شخص دون أن يشعر الأمر كأنه متجر؟

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

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

المشكلة

علامة شخصية ومتجر، يتنافسان على نفس الشاشة.

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

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

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

الصفحة الرئيسية لموقع Sumaya 369 على الجوال، قسم التعريف، وخطوات شرح كيفية الاشتراك في المواد

التسلسل الافتتاحي: من هي، ثم ماذا تقدّم، ثم كيف يعمل الشراء، بهذا الترتيب.

القرار الأول

إن احتاج الناس تعليمات للشراء، ضع التعليمات في الصفحة الرئيسية.

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

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

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

القرار الثاني

اعرض الضريبة على البطاقة، لا عند الدفع.

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

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

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

كتالوج مواد Sumaya 369 مع فلاتر الفئات، والسعر والسعر شامل الضريبة على كل بطاقة، وقسم الباقات أسفله

المواد، والفلاتر، وعرض الباقة مباشرة أسفلها.

قسم المواد المخفّضة وشريط تقييمات العملاء

العناصر المخفّضة، ثم تقييمات من عملاء بأسمائهم.

القرار الثالث

الدليل يعمل أكثر من الإقناع.

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

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

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

إحصاءات المشتركين للعام وقسم المقالات المميزة مع عدد المشاهدات والتعليقات

الأرقام كطمأنة، على مستوى المنصة بأكملها.

بطاقات المقالات وقسم الإصدارات الذي يعرض الكتب ومجموعات البطاقات

ثم نفس المهمة على مستوى المقالة والإصدار.

القرار الرابع

قائمتان، لأن المستخدم بعد تسجيل الدخول شخص مختلف.

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

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

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

قائمة Sumaya 369 على الجوال في حالة عدم تسجيل الدخول، تركّز على التصفح والاكتشاف

قبل تسجيل الدخول. تصفّح واكتشف.

قائمة Sumaya 369 على الجوال في حالة تسجيل الدخول، تبدأ باسم العضو والاشتراكات والطلبات

بعد تسجيل الدخول. اسمك، اشتراكاتك، طلباتك.

القرار الخامس

صف طرق الدفع ليس زخرفة في الفوتر.

تجلس سبع طرق دفع قرب أسفل الصفحة: شبكة الخصم المحلية، والمحفظة المحلية، وApple Pay، والبطاقتان الدوليتان، وخدمتا اشترِ الآن وادفع لاحقًا. وبجانبها، شارة التسجيل الضريبي.

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

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

الاشتراك في النشرة البريدية والفوتر الذي يعرض طرق الدفع السعودية السبع وشارة التسجيل الضريبي

لنهاية الصفحة مهمة أيضًا: استقطاب من ليسوا مستعدين بعد، وطمأنة من هم مستعدون.

الجزء الذي تُقلّل معظم الفرق من شأنه

هذا تخطيط عربي، لا نسخة إنجليزية معكوسة.

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

النتيجة

تغيّر المحتوى. القالب لم يتغيّر.

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

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

لم يصمد أمران، ولكلٍّ منهما سبب وجيه.

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

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

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

تبيع شيئًا معقّدًا بالعربية؟

اشتراكات، وباقات، وضريبة، وأقساط، وتخطيط من اليمين لليسار يجب أن يشعر بأنه أصيل.

ابدأ محادثة
Expanded view