صفحة تفاعلية لاستوديو Bessan Media في دبي

كيف تعاونّا مع Bessan Media لتطوير تجربة رقمية تخدم أهداف المشروع.

تطوير ويب مخصص تصميم تجربة المستخدم حركات GSAP

زيارة المشروع

صفحة تفاعلية لاستوديو Bessan Media في دبي

أداء سطح المكتب 97/100

تحسين البحث 100/100

إمكانية الوصول 95/100

ملخص المشروع

ما الذي تغيّر ولماذا يهم

التحدي

احتاجت Bessan Media إلى حضور رقمي يعكس شخصية الاستوديو واتجاهه الإبداعي في دبي. كان المطلوب عرض الخدمات وطريقة العمل والمحتوى الاجتماعي ضمن تجربة مميزة بصريًا، مع سرعة وتجاوب وسهولة تنقل.

الحل

صممنا صفحة مخصصة بخطوط قوية وألوان عنابية وتخطيطات تحريرية وحركة مدروسة. استخدمنا Vite وTailwind وAlpine.js وGSAP، وأضفنا بطاقات تفاعلية ومؤشر تمرير ووضعين لونيين وحفظ التفضيل، مع جلب محتوى YouTube عبر نقطة PHP مخزّنة مؤقتًا لتقليل الطلبات.

اقرأ القصة كاملة

01

التحدي

احتاجت Bessan Media إلى حضور رقمي يعكس شخصية الاستوديو واتجاهه الإبداعي في دبي. كان المطلوب عرض الخدمات وطريقة العمل والمحتوى الاجتماعي ضمن تجربة مميزة بصريًا، مع سرعة وتجاوب وسهولة تنقل.

02

حلّنا

صممنا صفحة مخصصة بخطوط قوية وألوان عنابية وتخطيطات تحريرية وحركة مدروسة. استخدمنا Vite وTailwind وAlpine.js وGSAP، وأضفنا بطاقات تفاعلية ومؤشر تمرير ووضعين لونيين وحفظ التفضيل، مع جلب محتوى YouTube عبر نقطة PHP مخزّنة مؤقتًا لتقليل الطلبات.

03

النتيجة

أصبح للاستوديو حضور يعكس عمله في الاستراتيجية والمحتوى وحملات صناع المحتوى، ويجمع الحركة والمحتوى المتجدد والتجاوب. سجلت اختبارات Lighthouse أداء سطح مكتب 97/100 وإمكانية وصول 95/100 وأفضل ممارسات وبحث 100/100، وأداء جوال 78/100.

واصل التصفح