Showcase heavy Animated 3D Website

قمت بتصميم وتطوير موقع تفاعلي لعرض المنتجات ثلاثية الأبعاد (3D)، مزود بحركات تمرير سينمائية (Cinematic scroll animations)، وتقنية تصيير النماذج عبر WebGL، ودعم عرض الواقع المعزز (AR) على الهواتف المحمولة.

تم بناء المشروع باستخدام تقنيات Angular، و Three.js، و GSAP، و Tailwind CSS، مع تطبيق أفضل ممارسات التصميم المتجاوب (Responsive Design).

شملت مهامي تنفيذ واجهات رئيسية متحركة (Animated hero sections)، وعروض ثلاثية الأبعاد للمنتجات والجوائز، وتوفير محتوى ثنائي اللغة (عربي/إنجليزي). كما قمت بدمج خاصية الوصول للواقع المعزز عبر مسح رموز الاستجابة السريعة (QR)، وتحسين سرعة تحميل نماذج (GLB)، مع ضمان سلاسة التصميم وتوافقه التام مع كافة أحجام الشاشات (الهواتف المحمولة، الأجهزة اللوحية، أجهزة سطح المكتب، والشاشات الكبيرة).