باسورد موبايل ستور

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

حين يكون المنتج نفسه متاحاً عند الجميع

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

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

شبكة المنتجات: القرار الأهم في أي متجر

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

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

صفحة المنتج وأسئلة المشتري الحقيقية

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

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

الثقة قبل أن يُطلب الدفع

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

وزّعت إشارات الطمأنة على طول المسار بدل حشرها في مكان واحد: سياسة الاستبدال والإرجاع ظاهرة في صفحة المنتج، ووسائل الدفع المتاحة معروضة قبل الوصول إلى السلة، وقنوات التواصل حاضرة في كل شاشة. الطمأنة التي تصل في الوقت المناسب تعمل؛ أما تكديسها كله في صفحة «سياساتنا» فلا يقرؤه أحد ولا يطمئن أحداً.

السلة والدفع: كل خطوة تخسر جزءاً

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

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

البحث والفلترة كأداة لا كزينة

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

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

الوصول من الإعلان مباشرة إلى المنتج

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

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

السرعة على شبكات متفاوتة

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

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

عرض السعر والخصم بلا حيل

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

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

أسئلة عن تصميم المتجر

لماذا أربع معلومات فقط في بطاقة المنتج؟

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

ما أكثر ما يؤثر على إتمام الطلب؟

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

هل يحتاج المتجر تصميماً مختلفاً للجوال؟

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