قمت في هذا المشروع بتطوير واجهة مستخدم مرنة لصفحة من موقع 'أمازون مصر'، مع التركيز بشكل مكثف على تقنية Responsive Resize لضمان تجربة تسوق مثالية عبر كافة الأجهزة.
نقاط التقنية التي تم تنفيذها:

هيكلة شبكية مرنة (Flexible Grid System): إعادة تنظيم عرض المنتجات والقوائم الجانبية لتتحول بسلاسة من العرض الأفقي (Desktop) إلى العرض العمودي المريح (Mobile).

ضبط القيود والعناصر (Constraints & Auto Layout): برمجة كل عنصر داخل التصميم ليحافظ على أبعاده ومسافاته الصحيحة عند تغيير حجم الشاشة، مما يمنع تداخل العناصر.

تحسين تجربة التسوق (E-commerce UX): التأكد من أن صور المنتجات، وتفاصيل الأسعار تظل واضحة وسهلة الوصول (Touch-friendly) في نسخة الجوال.

محاكاة تجربة المستخدم الحقيقية: بناء نظام تصميم (Design System) مصغر يضمن اتساق الهوية البصرية لأمازون