shopus offer

وصف الموقع:

قمتُ بتصميم وتطوير موقع إلكتروني تجريبي (E-commerce Landing Page) باستخدام HTML, CSS, و JavaScript بهدف عرض منتجات الأزياء بشكل جذاب وسهل الاستخدام.

الموقع يحتوي على:

هيدر احترافي يتضمن لوجو، روابط أساسية (Home, Shop, Blog, Contact …) وأزرار للتسجيل والتواصل.

سلايدر/قسم العروض الرئيسية يعرض خصومات مميزة مع زر دعوة لاتخاذ إجراء (CTA) مثل Shop Now.

قسم المنتجات (All Products & Best Sellers) يعرض المنتجات مع صور عالية الجودة، السعر قبل وبعد الخصم، التقييم بالنجوم، وزر Add to Cart.

تصميم متجاوب (Responsive) يعمل على مختلف الشاشات (موبايل – تابلت – كمبيوتر).

ألوان عصرية متناسقة مع الهوية البصرية (موف + أصفر + أبيض).

طريقة التنفيذ:

HTML5: لبناء الهيكل الأساسي للصفحة (Header, Sections, Footer).

CSS3: لتنسيق العناصر، الألوان، الخلفيات، الخطوط، وتنسيق المنتجات باستخدام Flexbox و Grid.

JavaScript: لإضافة التفاعلات مثل زر الإضافة إلى السلة والتأثيرات البسيطة.

تصميم المنتجات: تم إدراج صور منتجات مختلفة مع الأسعار الحقيقية وأسعار الخصومات + تقييم النجوم.

التجاوب: تم استخدام وحدات نسبية (%, rem, flex) لجعل الموقع متجاوب مع كافة الأجهزة.

مميزات المشروع:

واجهة مستخدم سهلة وبسيطة.

تجربة مستخدم جيدة من خلال عرض المنتجات بشكل واضح.

قابلية التوسع لإضافة مزايا أخرى (نظام تسجيل الدخول، عربة التسوق الفعلية، الدفع الإلكتروني).