مشروع نفذته لوكالة إبداعية (creative agency )، ركّزت فيه على تقديم موقع مليان حركة وتفاعل وسينمائية فخمة، يعبر عن البراند بشكل جريء واحترافي.
الموقع مبني بالكامل باستخدام React.js + GSAP مع تركيز كبير على الـ Micro-interactions والـ Scroll-based animations.
- الهدف من المشروع:
بناء هوية رقمية قوية ومتفردة للوكالة، توصل إحساس الإبداع من أول لحظة. تم تصميم الموقع ليكون أكثر من مجرد موقع – بل تجربة حية.
- اللي اشتغلت عليه:
واجهة مستخدم تفاعلية بتقنية React
تحريك عناصر الموقع باستخدام GSAP باحترافية عالية
تنقلات Smooth بين الصفحات والأقسام
Responsive Design متجاوب مع كل الأجهزة
تجربة مستخدم مركزة على البساطة والبصمة البصرية
نظام عرض مشاريع بخلفيات متغيرة وانيميشن سلس
- التقنيات المستخدمة:
Frontend: React.js – GSAP – TailwindCSS
Animations: ScrollTrigger – Custom Transitions
UI/UX: Dark Theme – Bold Typography – Clean Grid Layout
أداء: تحسين السرعة – كود منظم – تحميل كسول (Lazy Loading)
- التحديات اللي حليتها:
الدمج بين أداء عالي وتحريك ثقيل بدون lag
تصميم تجربة بصرية مختلفة لكن سهلة للمستخدم
ضبط الأنيميشن بين الأقسام بدون تعارض أو مشاكل على الموبايل
الموقع ده بيمثل تمامًا مستوى الشغل اللي بحبه وبقدمه: إبداع، تفاعل، أداء، وتفاصيل محسوبة.
لو بتدور على حد يقدر يبني موقع بنفس المستوى، أو أعلى – فده نوع الشغل اللي أقدر أقدمه بكفاءة.