منصة أكاديمية واستشارات الطيران — د. مروان العزاوي

المشكلة

يعد تدريب الطيران مجالاً حساساً يتطلب أعلى معايير الأمان والثقة والمصداقية. واجه المشروع تحديات تقنية وتصميمية معقدة: بناء تجربة ثنائية الاتجاه (RTL/LTR) بدون أي أخطاء في المحاذاة أو تباين الخطوط، عرض وسائط تفاعلية ثقيلة ورسوم متحركة متقدمة عبر GSAP وThree.js دون التأثير على أداء الهواتف المحمولة وسرعة التحميل الأولى (FCP)، وحل مشاكل تباين ارتفاعات البطاقات وتنافر أنماط الأزرار لتوفير هوية بصرية موحدة ومتماسكة.

الحل

تم اعتماد بنية تقنية فائقة التطور تعتمد على Next.js 16 ومحرك Turbopack مع React 19، مما سمح بالجمع بين سرعة خوادم Server Components وديناميكية Client Components للأنيميشن. تم تطبيق نظام تصميم صارم عبر Tailwind CSS v4 مع توحيد متغيرات الألوان والطباعة، وبرمجة مصفوفة بطاقات تدريب ثلاثية الأبعاد تفاعلية تتكيف ديناميكياً مع شاشات الهواتف عبر متغيرات CSS مخصصة، إلى جانب تطوير مشغلات وسائط ومعارض صور متساوية الأبعاد باستخدام Swiper 11 وربطها بنظام قاعدة بيانات Firestore مع دعم كامل للتخزين المؤقت والترجمة عبر next-intl.

أبرز ما في التنفيذ

• بنية ثنائية اللغة كاملة وموجهة ديناميكياً (عربي RTL و إنجليزي LTR) مع خطوط مخصصة وانتقال لحظي.
• واجهة رئيسية سينمائية تدعم تأثيرات الطفو والبارالاكس المتزامنة باستخدام GSAP وScrollTrigger.
• مجموعة بطاقات تدريب ثلاثية الأبعاد (Interactive 3D Deck) تتكيف تلقائياً مع أحجام شاشات الموبايل.
• معرض مرافق متساوي الأبعاد والارتفاع مع نافذة منبثقة تفاعلية (Lightbox) ودعم اللمس والسحب السلس.
• توحيد شامل لرموز التصميم وأزرار التفاعل (Call-To-Actions) وفق هوية العلامة التجارية الفاخرة.

النتيجة

حقق المشروع توافقاً تاماً واستجابة بنسبة 100% عبر كافة الأجهزة من الشاشات المحمولة الصغيرة إلى شاشات 4K، مع بناء نظيف وخالٍ من الأخطاء في Next.js 16. كما عززت المنصة بشكل جوهري المكانة القيادية للدكتور مروان العزاوي في قطاع تدريب الطيران في الشرق الأوسط مع تحقيق أزمنة تحميل قياسية وتجربة استخدام استثنائية.