جارٍ التحميل...

الوجيه

تصميم متجر
تصميم متجر

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

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

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

ما الذي يحققه التصميم

القرارات التي يقوم عليها هذا المشروع.

كتالوج كبير يبقى واضحاً

مئات الهواتف والملحقات تظل سهلة التصفح.

إحساس البائع المعتمد

الواجهة تُظهر وكيل Apple معتمداً في كل خطوة.

ابحث، قارن، اشترِ

التنقّل مبني لمن يعرف ما يريد.

ماذا ستحصل عليه

كتالوج يظل سهل التصفح

نطاق الوجيه واسع. هذه العناصر الثلاثة هي ما يمنع النطاق الواسع من أن يتحول إلى متاهة.

بنية التصنيفات والفلاتر

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

صفحة منتج مبنية على المواصفات

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

شاشات كاملة، بما فيها الحالات الاستثنائية

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

كيف يسير العمل

من كتالوج كبير إلى مسار واضح

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

البحث والتحليل

نظرة على نطاق الوجيه الكامل وعلى كيفية تنظيم وكلاء معتمدين آخرين للنوع نفسه من المخزون — وأين تتعثر فلاترهم.

بناء البنية

تُرسم شجرة التصنيفات ومنطق الفلاتر أولاً، على الورق، قبل تنسيق أي شاشة — إذ يجب أن يترابط نوع الجهاز والماركة والسعر والسعة معاً.

النموذج الأولي

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

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

يُنجز التصوير والتخطيط ومسار السلة إلى الدفع معاً، ثم يُسلَّم كل ذلك كمجموعة شاشات كاملة لسطح المكتب والموبايل.

نظرة سريعة

تفاصيل المشروع

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

تدير كتالوجاً كبيراً وتحتاج بنية مماثلة؟ شاهد خدمة تصميم المتاجر الإلكترونية.

أسئلة

قبل أن نبني بنية الكتالوج

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

أعجبك ما رأيت؟

احكِ لي عن متجرك وسأريك كيف يمكن أن يبدو.

هل لديك فكرة متجر؟
لنتحدث على واتساب!