ZEYARA-product page

تصميم وتطوير صفحة منتج (Product Page) تركز على الأناقة والبساطة، مخصصة لبراند ملابس نسائية. تم الاهتمام في هذا المشروع بتقديم تجربة مستخدم (UX) مريحة تعتمد على الوضوح وسهولة اختيار الخصائص (مثل المقاس واللون) مع دمج وظائف تفاعلية ذكية.

​المميزات التقنية والبرمجية:

​عرض صور ديناميكي (Dynamic Thumbnail Gallery): برمجة نظام تنقل بين الصور المصغرة باستخدام JavaScript، حيث تتغير الصورة الرئيسية فور الضغط على أي صورة فرعية، مما يمنح المستخدم رؤية شاملة للمنتج.

​واجهة اختيار المقاسات والألوان (Interactive Pickers): تصميم واجهة تفاعلية لاختيار المقاسات (Size Selection) والألوان المتوفرة بشكل أنيق ومنظم بصرياً.

​التصميم المتجاوب (Responsive Design): الواجهة مصممة لتكون متوافقة تماماً مع مختلف الشاشات، مع الحفاظ على تناسق العناصر (Breadcrumbs, Price, Description).

​تجربة تسوق متكاملة: إضافة أزرار (Add to Cart) و (Buy Now) بتصميم عصري وألوان متناسقة لتحفيز المستخدم على اتخاذ قرار الشراء.

​التقنيات المستخدمة:

​HTML5 & CSS3: لبناء الهيكل وتوزيع العناصر بدقة.

​JavaScript: للتحكم في وظيفة تبديل الصور والتفاعلات داخل الصفحة.

​Bootstrap 5: لضمان سرعة التحميل وتجاوب التصميم.