e commerce

1. الصفحة الرئيسية (Home Page)

تحتوي على قسم رئيسي (Hero Section) يعرض عنوان الموسم Autumn & Winter 2024 مع زر دعوة لاتخاذ إجراء (CTA) مثل Shop Now.

أقسام مميزة:

Bag Collection مع خصم 50%.

Summer Lookbook لعرض الملابس الصيفية.

Mini Backpack لعرض حقائب صغيرة بألوان متنوعة.

قسم المنتجات الشائعة (Trending Items) يعرض شبكة من المنتجات مع:

صورة المنتج، السعر، التقييم، وزر الإضافة إلى السلة.

أقسام إضافية:

Trending Men Products: ساعات، ملابس، أحذية.

Trending Girls Products: فساتين، تيشيرتات، بناطيل.

الفوتر يحتوي على روابط أساسية، معلومات التواصل، ونموذج الاشتراك في النشرة البريدية.

2. صفحة قائمة المنتجات (Product Listing / Fashion Page)

تحتوي على فلتر متقدم يسمح للمستخدم بتصفية المنتجات حسب:

اللون، المقاس، العلامة التجارية، النوع، والسعر.

شبكة المنتجات تعرض:

صورة المنتج، السعر، الخصومات، والألوان المتاحة.

الفوتر بنفس التنسيق الموجود في الصفحة الرئيسية.

3. صفحة تفاصيل المنتج (Product Details Page)

تعرض صور متعددة للمنتج مع صورة رئيسية كبيرة.

معلومات المنتج:

الاسم، السعر، الخصومات، خيارات المقاسات، التحكم في الكمية.

أزرار التفاعل:

إضافة إلى السلة، الشراء الآن، الإضافة إلى المفضلة.

قسم المواصفات الفنية للمنتج في جدول منظم.

إمكانية كتابة المراجعات والتقييمات.

أقسام إضافية:

You May Also Like: منتجات مقترحة.

Recently Viewed Products: المنتجات التي شاهدها المستخدم مؤخرًا.

الفوتر يحتوي على روابط ومعلومات التواصل.

4. صفحة السلة (Shop Cart Page)

تعرض المنتجات المضافة إلى السلة مع:

صورة المنتج، السعر، الكمية، والإجمالي.

إمكانية تعديل الكمية أو إزالة المنتج.

حساب الإجمالي تلقائيًا مع عرض الشحن المجاني.

قسم المنتجات المقترحة والمشاهدة مؤخرًا في أسفل الصفحة.

5. صفحة قائمة الأمنيات (Wishlist Page)

تعرض المنتجات التي حفظها المستخدم في المفضلة.

كل منتج يحتوي على:

صورة، السعر، الخصومات، والألوان المتاحة.

الفوتر يحتوي على روابط ومعلومات التواصل.

6. صفحة الدفع (Checkout Page)

تحتوي على نموذج لإدخال بيانات الشحن:

الاسم، البريد الإلكتروني، رقم الهاتف، العنوان، المدينة، الرمز البريدي.

اختيار طريقة الشحن (مثال: International Shipping مجاني).

قسم الدفع مع رسالة توضح أن المعاملات آمنة.

ملخص الطلب في الجانب الأيمن:

المنتجات، السعر، الشحن، والإجمالي النهائي.

إمكانية إدخال كود الخصم.

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

تصميم متجاوب يناسب جميع الأجهزة.

جلب البيانات من API بشكل ديناميكي.

استخدام Sass لتنسيق احترافي وسهل التخصيص.

واجهة سهلة الاستخدام مع مكونات قابلة لإعادة الاستخدام.