موقع تفاعلي بانميشنز 3D

ده مشروع صفحة هبوط تفاعلية مستوحاة من موقع Spylt الفائز ب Awwwards العالمية.

ركزت فيها على التصميم المتحرك والسلاسة في التصفح باستخدام GSAP، علشان أخلق تجربة بصرية جذابة ومليانة حركة.

الموقع بيشتغل على كل الأجهزة بسرعه وأداء عالي، وبيعتمد على حركة العناصر مع التمرير (Scroll) عشان يخلي كل زيارة للموقع تجربة ممتعة ومميزة.

اشتغلت على تقنيات أنيميشن متقدمة زي:

ScrollTrigger لتحريك العناصر وقت التمرير

ScrollSmoother للتمرير الناعم

Timeline لتنظيم الحركات بشكل إبداعي

وكل ده داخل بيئة متطورة باستخدام Next.js + Tailwind CSS.

التقنيات المستخدمة: Next.js، Tailwind CSS، GSAP

الميزات الرئيسية: أنيميشن بالحركة أثناء التمرير، تأثيرات بارالاكس، قصّات إبداعية (Clip-Path)، تثبيت عناصر أثناء التمرير، ظهور تدريجي للنصوص، تصميم متجاوب.