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

سبا هوم

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

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

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

شاهد على بيهانس
متجر سبا هوم لمنتجات العناية والسبا من تصميم آية الفقي
سبا هوم — لوحة ألوان دافئة وهادئة تصمد من الرئيسية حتى الدفع.
النتيجة

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

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

هدوء مقصود

المساحة والإيقاع ولوحة ألوان متزنة تمنح المنتجات مجالاً للتنفس.

الشبكة هي التي تبيع

جدار منتجات نظيف يقود العين دون صخب.

المزاج أولاً ثم الشراء

المتجر يصنع أجواء السبا قبل أن يطلب البيع.

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

متجر متكامل حتى الدفع

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

هيكل الرئيسية والتصنيفات

المجموعات والتصنيفات مرتبة كما يتصفح متسوق السبا فعلاً — حسب الاحتياج ونوع المنتج لا العلامة التجارية فقط — مع امتداد لوحة الألوان الهادئة عبر كل مستوى.

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

صور كبيرة وتخطيط مريح، لكن السعر والمتغيرات وزر الإضافة للسلة يبقون بالضبط حيث يتوقعهم الزائر.

السلة والدفع والحالات الاستثنائية

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

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

أربع مراحل من الشعور إلى الدفع

لوحة الألوان تُختار مبكراً، ثم تُختبر عبر كل شاشة عليها أن تصمد فيها — حتى غير اللامعة منها.

البحث

أنظر إلى تشكيلة المنتجات ومتاجر المنافسين وإلى حيث ينكسر «الهدوء» عادةً — السلة والحالة الفارغة وشاشة تأكيد الطلب.

التخطيط

البنية والتسلسل يأتيان أولاً، شاشة بشاشة، فيعمل منطق المتجر قبل أن تُطبَّق لوحة الألوان فوقه.

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

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

التنفيذ

كل شاشة تُسلَّم جاهزة للبناء، بحالاتها وتنويعاتها التي يحتاجها المطوّر دون أي تخمين.

نظرة سريعة

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

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

تبني متجراً عليه أن يكسب شعوراً قبل أن يكسب عملية بيع؟ شاهد خدمة تصميم المتاجر الإلكترونية.

أسئلة

أسئلة قبل تصميم متجر كهذا

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

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

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

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