مشاهد ثلاثية الأبعاد تفاعلية
مشاهد تفاعلية للأقمشة ومعدات الأكروبات تنقل عروض الفنانة المسرحية إلى الويب، مع تصيير رسومي متكيف وخيارات عرض ثابتة ومتقنة.
Adele Deliss
منصة متعددة اللغات لفنانة أكروبات هوائية، تجمع بين مشاهد ثلاثية الأبعاد تفاعلية مخصصة ومساحة عمل متصلة للاستوديو لإدارة الدروس والاشتراكات والبريد الإلكتروني.
تصميم المنتج وهندسة Full-Stack المتكاملة من البداية إلى النهايةمشاهد تفاعلية للأقمشة ومعدات الأكروبات تنقل عروض الفنانة المسرحية إلى الويب، مع تصيير رسومي متكيف وخيارات عرض ثابتة ومتقنة.
تربط الحصص الدورية ومقاعد الاشتراكات ومتابعة الحضور وقواعد الإجازات مساحة المتدربين بمساحة عمل الفنانة التشغيلية.
إدارة مركزية للاستفسارات الواردة، والمراسلات المترابطة، والمرفقات، والردود بهوية العلامة التجارية مباشرة من داخل لوحة تحكم الإدارة.
احتاج منظمو الفعاليات إلى مسار واضح للتعرف على العروض والتواصل المباشر. واحتاج المتدربون الجدد إلى طريقة سهلة لطلب الدروس، بينما احتاج المشاركون المنتظمون إلى متابعة حصصهم وسجل حضورهم. وبالنسبة لـ Adele، تطلبت إدارة الاستوديو مواكبة الاستفسارات والجداول ومراسلات المتدربين دون إغفال أي تفاصيل.
صممت وبنيت الموقع العام بالاعتماد على مشاهد ثلاثية الأبعاد مخصصة لعروض الأكروبات وعرض متكامل متعدد اللغات. وخلف الكواليس، تجمع مساحات مخصصة للمتدربين والإدارة بين اعتماد طلبات الدروس، وجداول الحصص الدورية، والاشتراكات، والبريد الإلكتروني للاستوديو في نظام واحد متصل.
تصميم المنتج، وتطوير الواجهات الأمامية والخلفية، وقواعد الجدولة والاشتراكات، ومساحات المتدربين والإدارة، والبنية التحتية للبريد الإلكتروني، والمشاهد ثلاثية الأبعاد المخصصة—مع تطويع الرسوم المقدمة من العميلة لتناسب الهوية البصرية.

مشاهد تفاعلية للأقمشة ومعدات الأكروبات تنقل عروض الفنانة المسرحية إلى الويب، مع تصيير رسومي متكيف وخيارات عرض ثابتة ومتقنة.

يمكن للمتدربين التحقق من المواعيد المتاحة، وطلب الدروس، واستخدام مساحة حساباتهم الخاصة لمتابعة الحجوزات وجداول الحضور.
واجهة توضيحية · بيانات تجريبية

تربط الحصص الدورية ومقاعد الاشتراكات ومتابعة الحضور وقواعد الإجازات مساحة المتدربين بمساحة عمل الفنانة التشغيلية.
واجهة توضيحية · بيانات تجريبية

إدارة مركزية للاستفسارات الواردة، والمراسلات المترابطة، والمرفقات، والردود بهوية العلامة التجارية مباشرة من داخل لوحة تحكم الإدارة.
واجهة توضيحية · بيانات تجريبية
أدلة المنتج
مشاهد تفاعلية للأقمشة ومعدات الأكروبات تنقل عروض الفنانة المسرحية إلى الويب، مع تصيير رسومي متكيف وخيارات عرض ثابتة ومتقنة.
استوحي المظهر العام للموقع مباشرة من فنون الأكروبات الهوائية: حيث تحولت الأقمشة الحريرية، والطوق، والعمود، والأشرطة إلى مشاهد ثلاثية الأبعاد تفاعلية بدلاً من معرض صور تقليدي. وصُممت السمات الفاتحة والداكنة، إلى جانب أنماط تقليل الحركة، كجزء أصيل من بنية المنتج منذ البداية.
يتطلب طلب الدرس الأول اعتماداً مباشراً من الفنانة، بينما يحجز الاشتراك الدوري مقعداً ثابتاً في الحصص الأسبوعية المنتظمة. وقد بنيت هذين المسارين بشكل منفصل لربط التوافر، وتوليد الحصص، واستيعاب الطاقة الاستيعابية، وسجلات الحضور، وحسابات المتدربين بدلاً من حصر كافة الحجوزات في نموذج تقليدي واحد.
يمكن أيضاً رفض الطلبات أو اقتراح أوقات بديلة. وتخضع مقاعد الاشتراكات الدورية لقواعد الحجز والحضور الخاصة بها.
طوّرت نظام Mailroom لتمكين إدارة استفسارات العروض وطلبات الدروس وردود المتدربين جنباً إلى جنب مع جدول الحصص؛ حيث يجمع رسائل البريد الواردة، وسلاسل المحادثات المترابطة، والبحث، والمرفقات، والردود بهوية العلامة التجارية داخل مساحة عمل الإدارة مباشرة.
يتواصل الموقع العام وبوابة المتدربين ومساحة عمل الإدارة عبر عقود خدمات محددة الأنواع برمجياً (Type-Safe). وبفضل عزل قواعد أعمال الاستوديو عن الشيفرات البرمجية لقواعد البيانات والبريد، يمكن اختبار منطق الجدولة محلياً وتشغيله بأعلى درجات الموثوقية على Cloudflare.
يتيح الموقع للزوار استكشاف أعمال الفنانة وطلب العروض والدروس، بينما يدير المتدربون حجوزاتهم عبر حساباتهم الخاصة، وتدير Adele الحصص والاشتراكات والحضور والبريد من مكان واحد متكامل.
تشكل Next.js وReact وTypeScript النواة البرمجية الأساسية للتطبيق، بينما تقود Three.js وGSAP وLenis التجربة التفاعلية العامة. ويشغّل OpenNext تطبيق Next.js على منصة Cloudflare Workers، مع D1 للسجلات وR2 لتخزين البريد الخام. ويدير Better Auth حسابات المتدربين، بينما يتولى Resend إرسال رسائل البريد الصادرة، ويدعم Cloudinary تقديم الوسائط.
أجمل ما في هذا المشروع كان التوفيق بين جانبين مختلفين تماماً: منح الفنانة وسيلة تعبيرية مبتكرة ومبهرة لعرض فنونها الأدائية على المسرح، مع بناء أدوات هندسية عملية تجعل إدارة الاستوديو أسهل وأكثر سلاسة كل يوم.
منتج جديد. نظام أفضل. أو مشكلة برمجية معقدة تستحق حلاً مبتكراً.
[email protected]