تصميم موقع بحركات وأنيميشن يشرح خدمتك ويبقى سريعًا

الحركة المبنية بطريقة صحيحة لا يشعر الزائر بثقلها. نستخدم خصائص يحركها المتصفح بكفاءة، وملفات رسوم صغيرة بصيغ مثل SVG وLottie بدل الفيديو، ونحمّل كل رسم عند اقتراب الزائر من قسمه. ما يبطّئ المواقع المتحركة عادة مكتبات كثيرة فوق بعضها وملفات غير مضغوطة، وهذا ما نتجنبه من البداية.

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

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

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

لا تحتاج نماذج 3D إطلاقًا في هذا النوع من المواقع، وتكفي هويتك البصرية ومحتواك لنبدأ. إن كانت لديك رسوم توضيحية بملفات مفتوحة نحركها، وإن لم تكن نرسمها ضمن المشروع ونحدد عددها في العرض. وكثير من الحركة، كظهور الأقسام والتفاعلات، لا يحتاج رسومًا أصلًا.

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

نسترشد بنطاقات السوق المنشورة لتصميم المواقع: موقع الشركة بتصميم مخصص بين 5,000 و25,000 ريال، والموقع بلغتين بين 10,000 و20,000 ريال، والموقع المتقدم بتكاملات بين 20,000 و50,000 ريال. الحركة والرسوم المخصصة تضع المشروع في الجزء الأعلى من نطاقه. هذه أرقام سوق وليست سعرنا، ويصلك عرضنا المكتوب خلال 24 ساعة.

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

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

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