تخطَّ إلى المحتوى

الموشن والإنتاج الإبداعي

حركة وفيديو يجعلان المنتجات المعقّدة سهلة الفهم.

فيديوهات تعريفية بالمنتج، وأفلام إطلاق، وحركة داخل الواجهة ترفع الفهم وتزيد التحويل.

احجز مكالمة تعارفيةابنِ خطتك
  • المقر الرئيسي في دبي، وتنفيذ عبر الخليج
  • بالعربية والإنجليزية في كل مرحلة
  • نطاق مكتوب وجدول زمني ثابت قبل أن تلتزم

ما ستحصل عليه

  • فيديو تعريفي
  • حركة داخل الواجهة
  • أفلام الإطلاق
  • مقاطع لمنصات التواصل

المدة المعتادة

3–8 أسابيع

تبدأ الارتباطات المعتادة من

‏9,000 د.إ.‏ للمشروع

كيف يبدو العمل الجيد

نسخ لكل أصل، بمقاس كل مكان عرض
3نسخ لكل أصل، بمقاس كل مكان عرض
نسختان لغويتان تُسلَّمان قياسياً
2نسختان لغويتان تُسلَّمان قياسياً
ميزانية حركة الواجهة على أجهزة متوسطة
60fpsميزانية حركة الواجهة على أجهزة متوسطة

ما الذي تحلّه هذه الخدمة

تُضاف الحركة في النهاية لإضفاء إحساس فاخر، فتجعل الشيء بطيئًا بدلًا من ذلك. وفي الوقت نفسه يظلّ ما يصعب شرحه فعلًا — ما الذي يفعله المنتج — جدارًا من النص.

أين يؤلم هذا عادةً

  • المنتج صعب الشرح

    تقضي المبيعات أول عشر دقائق من كل مكالمة في وصف ما يفعله، لأن لا شيء يُظهره في ثلاثين ثانية.

  • الفيديو قُصّ لمكان واحد

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

  • حركة الواجهة زخرفة

    رسوم أُضيفت للمعان تبطئ المنتج، وعلى الأجهزة المتوسطة تجعله يبدو أسوأ فعلياً.

  • كل أصل يبدأ من الصفر

    لا قوالب ولا نظام حركة، فكل فيديو مشروع مخصص بتكلفة مخصصة.

على الحركة أن تؤدّي وظيفة: إظهار مصدر شيء، أو ما يجري تحميله، أو ما تغيّر للتو. إن لم تكن الحركة تجيب على أحد هذه الأسئلة فهي تكلّفك وقتًا وبطارية بلا مقابل.

حركة الواجهة

نحدّد ونبني الانتقالات والتفاعلات الدقيقة وحالات التحميل التي تجعل الواجهة مقروءة — دائمًا بميزانية أداء ودائمًا مع بديل مخفَّف الحركة، لأن اضطرابات التوازن ليست حالة هامشية.

  • انتقالات تحفظ السياق بين العروض
  • حالات تحميل وهياكل تضع توقّعات صادقة
  • تفاعلات دقيقة تؤكّد أن شيئًا قد حدث
  • مسار مخفَّف الحركة لكل حركة دون استثناء
لم يشتكِ أحد يومًا من أن الحركة كانت قصيرة أكثر من اللازم.
— توم ويتفيلد، التنفيذ والموشن

فيديو المنتج

الشرح المدّة 60 ثانية أعلى الصفحة الرئيسية، والمقاطع المدّة 15 ثانية للتواصل المدفوع، وجولات تسجيل الشاشة التي يرسلها فريق المبيعات بعد مكالمة. مكتوبة ومنتَجة ومسلَّمة بنسب العرض التي تحتاجها كل قناة فعلًا.

تسليم خفيف

تُطلَق الحركة كـLottie أو CSS حيثما أمكن بدل الفيديو، فتظل حادّة بأي حجم وتكلّف كيلوبايتات لا ميغابايتات. وحيث يكون الفيديو صائبًا، يُرمَّز لكل نقطة توقّف ويُحمَّل بتأخير — لا ينبغي أن يكون فيديو الواجهة سبب بطء الصفحة.

ما الذي تتضمّنه

  • مبادئ الحركة

    مدد وتسارعات وقواعد لمنتجك، موثَّقة ليبقى العمل اللاحق متّسقًا.

  • حركة الواجهة

    مبنيّة ومدمَجة، لا مسلَّمة كفيديو ليقاربه شخص آخر.

  • فيديو تعريفي

    نصّ ولوحة قصّة وإنتاج وتسليم بالمقاطع التي تحتاجها كل قناة.

  • مقاطع اجتماعية

    نسخ عمودية ومربّعة وأفقية بترجمات محروقة للتشغيل التلقائي الصامت.

  • أصول Lottie

    حركة متجهية تتوسّع لأي حجم بجزء يسير من وزن الفيديو.

  • إمكانية الوصول

    بدائل مخفَّفة الحركة وترجمات ونصوص كجزء من التسليم.

ما نبني به

  • الحركة

    • After Effects
    • Cinema 4D
    • Rive
    • Lottie

  • الإنتاج

    • Premiere Pro
    • DaVinci Resolve
    • لوحات القصة

  • داخل المنتج

    • Framer Motion
    • GSAP
    • CSS transitions

كيف تُحدَّد أحجام الارتباطات

ثلاثة أحجام، ليطابق النطاق المشكلة بدل أن تطابق الميزانية قالباً جاهزاً. وكل مستوى نقطة بداية — يتحرك الرقم مع ما نجده في الاستكشاف، وترى الرقم المعدَّل قبل توقيع أي شيء.

  • الأساسي

    مشكلة واحدة واضحة، بنطاق محكم وإطلاق.

    ابتداءً من

    ‏9,000 د.إ.‏

    للمشروع

    فيديو شرح أو منتج واحد، مقصوص لأماكن العرض التي ستستخدمها.

    • أصل أساسي واحد
    • ٣ نسخ لأماكن العرض
    • اللغتان
    احصل على رقم محدد

  • النمو

    الارتباط الكامل، بقياس وتحسين مدمجين.

    ابتداءً من

    ‏28,000 د.إ.‏

    للمشروع

    مجموعة حملة، أو نظام حركة يستطيع فريقك توسيعه إلى قوالب.

    • أصول متعددة
    • نظام تصميم حركي
    • قوالب قابلة للتحرير
    احصل على رقم محدد

  • المؤسسي

    متعدد الكيانات أو خاضع للتنظيم أو متكامل عبر عدة أنظمة.

    ابتداءً من

    ‏70,000 د.إ.‏

    للمشروع

    برنامج إنتاج مستمر، أو حركة مدمجة في واجهة المنتج نفسها.

    • إنتاج مستمر
    • مواصفات حركة داخل المنتج
    • تنفيذ بميزانية أداء
    احصل على رقم محدد

الأسعار بالدرهم الإماراتي غير شاملة ضريبة القيمة المضافة ٥٪. العملات الأخرى في صفحة الأسعار.

كيف يسير التنفيذ فعلاً

المراحل أدناه هي ما يمر به ارتباط نموذجي، بالمدد التي نخطط عليها. وتعرف دائماً في أي مرحلة أنت وما الذي يخرج منها.

اطّلع على المنهجية كاملة
  1. 1

    القصة والنص

    أسبوع

    ما الذي على الأصل أن يجعل أحداً يفهمه أو يفعله، بأي ترتيب، وفي كم من الوقت — متفق عليه قبل صنع أي إطار.

  2. 2

    إطارات التصميم

    ١–٢ أسبوع

    الإطارات المفتاحية تُصمَّم كصور ثابتة أولاً، فتُحسم التركيبة والطباعة واللون قبل بدء الجزء المكلف.

  3. 3

    التحريك

    ٢–٤ أسابيع

    حركة تُبنى على لوحة القصة، بنقاط مراجعة عند المسودة والمنقّح والنهائي ليصل التعليق والتغيير ما زال رخيصاً.

  4. 4

    النسخ والتسليم

    أسبوع

    قص لكل مكان ستعرض فيه فعلاً، باللغتين، مع تسميات توضيحية ومواصفات تمر على كل منصة.

  • القصة والنص · ما تحصل عليه

    • النص
    • لوحة القصة
    • خطة أماكن العرض

  • إطارات التصميم · ما تحصل عليه

    • إطارات أسلوبية
    • معالجة طباعة ثنائية اللغة
    • قائمة الأصول

  • التحريك · ما تحصل عليه

    • نسخة أولية متحركة
    • نسخة منقّحة
    • النسخة النهائية

  • النسخ والتسليم · ما تحصل عليه

    • نسخ لكل مكان عرض
    • نسختان عربية وإنجليزية
    • ملفات موصوفة ومفحوصة

مبني لدولة الإمارات

ما الذي يغيّره فعلاً العمل مع شريك في دبي

معظم ما يلي غير مرئي حتى يقع الخطأ — مورّد لا يستطيع إبقاء البيانات داخل الدولة، وفاتورة ترفضها الهيئة، ومناوبة دعم نائمة نصف يوم عملك. هذه هي الأسئلة التي نجيب عنها قبل أن تتحول إلى ملاحظات تدقيق.

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

  • إقامة البيانات، مقررة من البداية

    مناطق AWS me-central-1 وAzure UAE North وأوراكل دبي كلها ضمن النطاق. ونرسم مسار البيانات كاملاً — النسخ الاحتياطية والسجلات والمقاييس ووصول الدعم — لا قاعدة البيانات الأساسية وحدها، ونثبّت النتيجة كتابةً.

  • قانون حماية البيانات، والمناطق الحرة

    المرسوم بقانون اتحادي رقم ٤٥ لسنة ٢٠٢١ يحكم معظم البر الرئيسي؛ أما كيانات مركز دبي المالي العالمي وسوق أبوظبي العالمي فتخضع لقوانين حماية بيانات خاصة بها. نحدد المنطبق على كيانك قبل تصميم أي شيء يمس بيانات شخصية.

  • ضريبة وفوترة إلكترونية تمر بلا رفض

    ضريبة قيمة مضافة بخمسة بالمئة، وفواتير ضريبية متوافقة مع الهيئة، وملف التدقيق الذي قد تطلبه، وجاهزية للفوترة الإلكترونية مع تدرّج الإلزام. تُهيَّأ ضمن البناء، لا تُرقَّع بعد رفض أول إقرار.

  • ساعاتك ولغاتك

    التنفيذ يسير بتوقيت الخليج بتداخل حقيقي مع فريقك، بالعربية والإنجليزية. والواجهات والمستندات والتدريب المواجه للعميل تُنتَج باللغتين حيث تحتاجها، مع التعامل مع اتجاه اليمين إلى اليسار كمتطلب تصميم لا كخطوة ترجمة.

القطاعات التي ننفّذ فيها هذا أكثر

ليست القطاعات الوحيدة التي نعمل فيها — بل التي أطلقنا فيها هذه الخدمة مرات كافية لنعرف حوافها التنظيمية ومطبّاتها المعتادة.

  • الإعلام والترفيه

    منصّات محتوى مضبوطة لرفع الاحتفاظ والاشتراكات.

  • السفر والضيافة

    مسارات حجز تقلّل التسرّب وتزيد الإيرادات المباشرة.

  • التجارة الإلكترونية والتجزئة

    متاجر ومسارات دفع سريعة مصمّمة لرفع متوسط قيمة الطلب.

توظيف داخلي، أم وكالة عامة، أم نحن

مقارنة صادقة، بما في ذلك الحالات التي يكون فيها الخيار الآخر هو الأصوب.

التوظيف الداخليالعمل معنا
الوقت حتى أول مُخرَجمن ثلاثة إلى خمسة أشهر للبحث ومهلة الإشعار والتهيئة، في سوق يندر فيه المتخصصون الكبار ويغلو.أسبوعان إلى ثلاثة من التوقيع، مع أشخاص سبق أن أطلقوا هذا.
شكل التكلفةتكلفة شهرية ثابتة زائد التأشيرة والتأمين ومكافأة نهاية الخدمة والأجهزة، سواء وُجد عبء عمل كامل أم لا.محدد بحجم العمل. وتتوقف التكلفة حين يتوقف العمل.
اتساع المهارةتخصص أو اثنان لكل توظيف. وما خرج عنهما يُرتجَل أو يُسنَد خارجياً على أي حال.تصميم وهندسة وأمن ونمو من الفريق نفسه، بلا تسليم بين موردين.
المعرفة المؤسسيةتبقى داخل الشركة — وهذه هي الميزة الحقيقية، وسبب التوظيف في النهاية.موثقة ومسلَّمة. نكتب أدلة التشغيل لتستطيع استعادتها داخلياً.
متى يكون هذا الخيار الخاطئنادراً، متى صار عبء العمل فعلاً بدوام كامل ودائماً.إن كنت تحتاج شخصاً في اجتماعاتك اليومية لسنوات، فوظّف. وسنقول لك ذلك.

أعمال ذات صلة

أسئلة تُطرح قبل البدء

ليس بالطريقة التي نبني بها. تعمل الحركات على خصائص صديقة للمركِّب، وتُدرَج ميزانيتها في CI مع كل شيء آخر، وتُطلَق كـLottie أو CSS بدل الفيديو حيثما أمكن. وإن لم تستطع حركة بلوغ الميزانية فلا تُطلَق.

خدمات تتكامل مع هذه

معظم الارتباطات تستخدم اثنتين أو ثلاثاً معاً.

مستعدّ للحديث عن الموشن والإنتاج الإبداعي؟

أخبرنا بما تبنيه وأين تعثّر. سنعود إليك بنطاق وجدول زمني ورقم — عادةً خلال يومَي عمل.

الخطوة 1 من 3 · ما الذي تحتاجه

ما الخدمات التي تهمّك؟