Animated 3D web application

Graffico Motion هو تطبيق ويب تفاعلي ثلاثي الأبعاد (3D Animated Web Experience) مصمم لتقديم تجربة مستخدم غامرة تعتمد على الـ Scroll Animations بشكل احترافي ومتقدم.

المشروع يركز على دمج الأداء العالي مع التصميم البصري الفاخر، حيث يتم تحويل التمرير (Scroll) إلى تجربة سردية ديناميكية تتفاعل مع المستخدم لحظيًا.

تم تطوير التطبيق باستخدام أحدث التقنيات مثل Next.js 16 و React 19 مع TypeScript لضمان هيكل قوي وقابل للتوسع، بالإضافة إلى استخدام GSAP و Lenis لتقديم أنيميشن سلس ومتزامن مع حركة المستخدم.

الواجهة تعتمد على أسلوب Glassmorphism حديث مع وضع داكن (Dark Mode) ولمسات لونية حيوية، إلى جانب استخدام HTML5 Canvas لإنشاء عناصر بصرية تفاعلية مثل الجزيئات (Particles) في الـ Hero Section.

? أبرز المميزات:

تجربة Scroll تفاعلية تحكي قصة أثناء التصفح

أنيميشن متقدم ومتزامن باستخدام GSAP

Hero Section تفاعلي باستخدام Canvas

أداء عالي مع Lazy Loading و Dynamic Imports

تصميم Responsive متكامل لجميع الأجهزة

تجربة تنقل سلسة مع Navbar ثابت و Footer منظم

المشروع يعكس مستوى متقدم في Frontend Engineering مع تركيز قوي على UX + Performance + Visual Design.