وواجهة مستخدم جذابة وسهلة الاستخدام. تم تصميم الموقع إلى عدة أقسام رئيسية لجعل تجربة التسوق أكثر راحة للمستخدمين.
تصميم الموقع متجاوبًا مع مختلف الأجهزة (موبايل، تابلت، كمبيوتر).
1. الصفحة الرئيسية (Home Page):
شريط التنقل (Navbar): قمت بإضافة روابط رئيسية مثل الصفحة الرئيسية، التسوق، العروض، الماركات، والاتصال بنا، مما يسهل التنقل بين الصفحات المختلفة.
البانر الرئيسي (Hero Banner): وضعت صور موبايلات جديدة وعروض مميزة في الجزء العلوي لجذب انتباه الزوار.
تصنيفات الموبايلات: قمت بتقسيم الموبايلات إلى فئات مثل أندرويد، آيفون، ألعاب، وكاميرا، وهذا يساعد الزوار في العثور بسهولة على المنتجات التي يريدونها.
2. صفحة المنتجات (Product Page):
عرض الموبايل: تضم الصفحة صورًا عالية الجودة للموبايل مع وصف تفصيلي للمواصفات.
الأسعار: عرضت السعر بوضوح مع أي خصومات أو عروض.
زر "إضافة إلى السلة": إضافة زر لتمكين الزوار من إضافة المنتجات بسهولة إلى سلة المشتريات.
خيارات إضافية: مثل اختيار اللون أو الحجم أو الذاكرة، مما يعزز تجربة التسوق.
3. صفحة سلة المشتريات (Shopping Cart):
عرضت قائمة بكل المنتجات المضافة للسلة مع تفاصيل مثل الاسم، الصورة، السعر، والكمية.
التكلفة الإجمالية: عرضت المجموع النهائي بما في ذلك أي رسوم إضافية.
زر "إتمام الدفع": بعد إضافة المنتجات للسلة، قمت بتوفير خيار للمستخدمين لإتمام عملية الدفع بسهولة.
4. صفحة الدفع (Checkout Page):
جمع بيانات المستخدم: قمت بتوفير حقول لتسجيل البيانات مثل الاسم والعنوان ورقم الهاتف.
خيارات الدفع: قدمت خيارات دفع متنوعة مثل بطاقة الائتمان و الدفع عند الاستلام.
تأكيد الطلب: عرضت ملخص للمنتجات المطلوبة مع المجموع الإجمالي وتفاصيل الشحن.
5. صفحة الحساب الشخصي (User Profile):
تسجيل الدخول والتسجيل: أتاحت للمستخدمين إنشاء حسابات لتسهيل عمليات الشراء المستقبلية.
عرض الطلبات السابقة: يمكن للمستخدمين متابعة طلباتهم السابقة.
إعدادات الحساب: أضفت خيارات لتغيير البيانات الشخصية وكلمة المرور.
6. صفحة العروض والتخفيضات (Promotions Page):
العروض الحالية: قدمت العروض الموسمية أو الترويجية الخاصة بالموبايلات.
العروض الحصرية: أضفت تخفيضات خاصة على الموبايلات الأكثر طلبًا.
7. شريط البحث (Search Bar):
تصفية البحث: قدمت فلاتر بحث فعالة لتصفية المنتجات حسب العلامة التجارية، السعر، أو الخصائص.
الاقتراحات الذكية: عند كتابة المستخدم في شريط البحث، ظهر له اقتراحات للموبايلات أو الفئات.