Moazzen Mediaموقع سينمائي بالإنجليزية والعربية
موقع يتحرك مثل شارة افتتاح فيلم: افتتاحية منقسمة، وخط زمني، وعرض أعمال يجري مع التمرير، بالإنجليزية والعربية.
- المجال
- إنتاج أفلام ووسائط
- السوق
- جمهور عربي وناطق بالإنجليزية
- اللغات
- الإنجليزية، العربية
- الحالة
- مكتمل البناء، ولم يُنشر بعد
- الخدمات
- تصميم المواقع, الحركة, نظام إدارة المحتوى, تعدد اللغات
- التقنيات
- React, Vite, GSAP, Lenis, Three.js, Strapi
المهمة
تحتاج شركة إنتاج إلى موقع يُظهر أنها تعرف الصورة والحركة. ويجب أن يُعدَّل المحتوى دون مطوّر، بالإنجليزية والعربية.
ما أنجزناه
- موقع من صفحة واحدة بافتتاحية منقسمة وخط زمني وعرض أعمال وشبكة مشاريع ونموذج تواصل
- المحتوى من نظام إدارة المحتوى Strapi، مع محتوى احتياطي مدمج
- نسخة عربية تبدّل اللغة واتجاه القراءة
- الحركة بـGSAP وLenis، والعناصر المجسّمة بـThree.js
مشكلات حللناها
استعلامات Strapi بعد التحديث
بعد تحديث Strapi فشلت أغلب الاستعلامات دون رسالة خطأ، ولم تُظهر الصفحة إلا النصوص الاحتياطية. أعدنا كتابة الاستعلامات، فعاد محتوى نظام الإدارة.
عرض الأعمال في التخطيط العربي
يحتفظ شريط الفيلم بهندسته في العربية، ليمرّ كل مشهد كاملًا. ويُقاس طوله من جديد مع كل تغيير في حجم النافذة.
Lenis على إيقاع GSAP
يجري التمرير الناعم على إيقاع GSAP. أزلنا حلقة حركة مكرّرة، فلم تعد الحركة تتقطّع.
الطباعة العربية
لا تباعد بين الحروف في العربية، وخط خاص للعناوين الصغيرة، وأرقام الهاتف من اليسار إلى اليمين.
لمحات
