تصميم واجهة مستخدم متجر سماء الابداع

https://wahajperfume.com/...

1) نطاق العمل المطلوب (Scope)

A) تنفيذ الصفحة الرئيسية (Home)

تنفيذ الصفحة الرئيسية وفق الهيكلة التالية (بالترتيب):

سلايدر رئيسي (3 شرائح فقط)

شريحة العطارين (أولوية + CTA “ابدأ براندك الآن”)

شريحة التجار (CTA “اطلب عرض سعر كمية”)

شريحة الأفراد (CTA “جهّز توزيعتك”)

قسم “اختر حسب احتياجك” (3 بطاقات)

بطاقة العطارين → صفحة حلول العطارين

بطاقة التجار → صفحة/تصنيف منتجات الجملة أو نموذج RFQ

بطاقة الأفراد → صفحة/نموذج التوزيعات

قسم العطارين (Core)

شبكة فئات: زيوت / عبوات / مضخات-إبر / أدوات خلط-تعبئة

CTA واضح: “تصفح مستلزمات العطارين”

بنر تموضع (بدون زر)

رسالة: “لسنا مجرد متجر… نحن شريك تشغيل في قطاع العطور”

قسم التجار

نقاط سريعة + CTA: “اطلب عرض سعر”

قسم الأفراد (مختصر)

CTA: “اطلب تجهيز توزيعات”

قسم لماذا نحن (نقاط عملية فقط)

CTA ختامي

زرين: “ابدأ براندك” + “اطلب عرض سعر”

B) تنفيذ صفحة مستقلة “حلول العطارين” (Landing Page)

إنشاء صفحة/قسم مستقل داخل سلة بعنوان واضح مثل:

حلول العطارين | ابدأ براند عطرك

محتوى الصفحة:

Hero: وعد + زرين (ابدأ مشروعك / تواصل للاستشارة)

لمن هذه الصفحة؟ (فلترة)

ماذا نوفر؟ (زيوت/أدوات/عبوات/تغليف)

رحلة إطلاق البراند (5 خطوات)

لماذا نحن (اختلافات عملية)

الكميات والطلبات (مرنة للمشاريع الناشئة)

CTA + أسئلة شائعة مختصرة

C) صفحة المنتج (Product Page) — تطبيق قالب B2B موحد

تطبيق نمط محتوى موحد على المنتجات (خصوصًا: مضخات/عبوات/زيوت):

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

عنوان صناعي واضح (نوع + مقاس/سعة + مادة/توافق + تعبئة)

جدول مواصفات (بدون حشو)

قسم الكميات (درزن/كرتون) + توضيح أسعار حسب الكمية

زر RFQ أساسي كبير

زر “إضافة للسلة” ثانوي صغير فقط داخل صفحة المنتج

تحذيرات/تأكيد قبل السلة:

نص تحذير واضح: “تأكد من التوافق قبل الشراء”

Checkbox إلزامي: “أؤكد أنني تحققت من التوافق” قبل تفعيل إضافة للسلة (إذا القالب/سلة تسمح، وإلا بديل: Popup أو نص إلزامي قبل الدفع)

D) الربط مع واتساب + رسائل جاهزة (RFQ)

إضافة روابط واتساب جاهزة بحسب نوع المنتج (على الأقل 3 نماذج):

زيوت

عبوات

مضخات/إبر

رسالة عامة احتياطية

المطلوب: عند الضغط على RFQ يفتح واتساب بنص مُعبّأ قدر الإمكان.

2) المتطلبات البصرية (Design Direction)

أسلوب صناعي/تجاري (لا صور Lifestyle مبالغ فيها)

صور منتجات واضحة + صور تشغيل/تعبئة عند الحاجة

هرمية أزرار:

RFQ (80% حضور بصري)

Add to cart (20% ثانوي)

خطوط عربية واضحة وتباين ممتاز للجوال

3) متطلبات المحتوى (Content Rules)

ممنوع: “أفضل جودة / الأرخص / الأقوى” (ادعاءات عامة)

مسموح: حقائق تشغيلية (أقل كمية، كميات، شحن، توافق، مواد)

اللغة: عربية سعودية واضحة

كل قسم له خطاب مستقل: العطارين ≠ التجار ≠ الأفراد

4) متطلبات تقنية

التنفيذ داخل محرر سلة + إعدادات Selia فقط (بدون كسر التحديثات)

توافق كامل للجوال (Mobile-first)

سرعة تحميل جيدة (ضغط صور، عدم الإكثار من السلايدرات)

5) ما سيتم تسليمه (Deliverables)

صفحة رئيسية مكتملة بالأقسام المذكورة + روابط CTA صحيحة

صفحة “حلول العطارين” مكتملة

تطبيق قالب صفحة المنتج الموحد على عدد X منتجات (اقترح 10 كبداية)

روابط واتساب RFQ + نصوص جاهزة

ضبط القائمة/الميغا منيو (إن كانت متاحة بالقالب) وفق الفئات التجارية

توثيق بسيط (صفحة واحدة): أين نغيّر النصوص/الصور مستقبلاً

6) معايير القبول (Acceptance Criteria)

يُعتبر العمل “مكتمل” إذا:

الصفحة الرئيسية مطابقة للترتيب والمحتوى أعلاه

RFQ ظاهر وواضح في:

السلايدر

بطاقات الشرائح

أقسام العطارين/التجار

صفحة المنتج

زر السلة موجود لكنه ثانوي + تحذير توافق قبل الإضافة/قبل الدفع

جميع الروابط تعمل (صفحات + واتساب)

العرض متجاوب على الجوال بدون قص/تشوه