Zenowebzenweb

دبي · تصميم المواقع

خدمات تصميم المواقع الإلكترونية في دبي: البنية أولًا، ثم المظهر.

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

  • مخططات أولية قبل التصميم البصري
  • ملفات Figma في حسابك
  • مصمَّم للعربية واتجاه RTL

ما الذي تغطيه

التصميم هنا يعني القرارات، لا الزينة.

أربعة أمور يفعلها كل مشروع في هذا التخصص، أيًّا كانت الخدمة التي تبدأ منها من بين الخمس.

  • البنية قبل المظهر

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

  • نظام، لا مجلد من الشاشات

    المكونات والحالات ومقياس الخطوط والمسافات، تُبنى في Figma كمكتبة واحدة. يبني المطوّرون على النظام، ويوسّعه فريقك لاحقًا دون التعاقد على تصميم شاشة جديدة في كل مرة.

  • مصمَّم في الاتجاهين

    العربية مرآة للتخطيط، لا مجرد تبديل خط: التنقل والأيقونات وحقول النماذج والرسوم البيانية كلها تنعكس، ويحتاج النص إلى خط مصمَّم للعربية. يُحسَم ذلك أثناء التصميم، لا يُرقَّع بعده.

  • التباين ومساحات اللمس والترتيب

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

خدمات التصميم

خمس خدمات، منهج تصميم واحد.

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

  • بحث ومخططات أولية وتصميم واجهات في Figma، يُسلَّم كمكتبة مكونات يبني عليها مطوّروك مباشرة.

    ما تحصل عليهنظام تصميم في Figma + نموذج أولي

  • إعادة بناء تحافظ على رصيدك في محركات البحث الذي دفعت ثمنه: عمليات إعادة توجيه مُخطَّطة، وروابط محفوظة، وترتيب مُراقَب حتى الإطلاق.

    ما تحصل عليهإعادة تصميم + خريطة إعادة توجيه كاملة

  • تدقيق واختبار ما تشغّله فعلًا: إزالة نقاط الاحتكاك، وإعادة تصميم النماذج، وتجارب منظمة تُطلَق تغييراتها فعليًا.

    ما تحصل عليهبرنامج اختبار + تغييرات منفَّذة

  • ملفات تصميم قديمة يُعاد بناؤها كمشاريع Figma قابلة للتحرير ومبنية على مكونات، من مصادر PSD وIllustrator وSketch وXD وPDF.

    ما تحصل عليهملف Figma بطبقات ومكونات

  • صفحات بغرض واحد لحملة أو إطلاق، تُصمَّم وتُبنى حول فعل واحد وتُقاس برقم واحد.

    ما تحصل عليهصفحة هبوط مصمَّمة ومبنية

كيف تختار

أيّ الخدمات الخمس تحتاج إليها فعلًا.

التداخل بينها أقل مما يبدو. معظم ما يُهدَر من المال على التصميم يُنفَق على الخدمة الصحيحة في التوقيت الخطأ؛ لذلك نذكر لكل خدمة الحالة التي تناسبها، والحالة التي تستبعدها.

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

منهجنا

خمس خطوات، وترى الملف في نهاية كل منها.

الترتيب هو المقصود: كل ما تغييره رخيص يُحسَم قبل كل ما تغييره مكلف.

  1. 01

    التأطير

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

  2. 02

    البنية

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

  3. 03

    النظام

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

  4. 04

    التصميم

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

  5. 05

    التسليم الكامل

    المكونات والحالات ورموز التصميم (tokens) والملاحظات التي يحتاج إليها المهندس، تُشرح لمن سيبنيها، فريقنا أو فريقك. والملف يبقى في حسابك، لا في حسابنا.

التقنيات

تقنيات مألوفة، اختيرت ليعرفها المطوّر التالي.

لا شيء هنا غريب. وهذا هو المقصود: التقنيات غير المألوفة وسيلة لتقييد العميل بمن بناها، متنكّرة في زيّ الابتكار.

الواجهة الأمامية
Next.jsReactTypeScriptTailwind CSSAstro
إدارة المحتوى والتجارة
WordPressShopifySanityPayloadWooCommerce

الأسعار

تكلفة أعمال التصميم.

16,000 درهم

من

باقة الانطلاق: موقع مصمَّم ومبني من 5 إلى 8 صفحات. مجموعات الصفحات الأكبر وبنية المحتوى المخصصة والعربية تأتي في باقة النمو، التي تبدأ من 48,000 درهم. المشاريع التي تقتصر على التصميم وصفحات الهبوط المنفردة تُسعَّر على حدة. الأسعار لا تشمل ضريبة القيمة المضافة 5%.

ما الذي يغيّر السعر

ما يشمله ذلك

  • تصميم مخصص، دون قالب جاهز
  • مخططات أولية يُتفق عليها قبل أي تصميم بصري
  • تصميم الواجهات في Figma كمكتبة مكونات
  • نموذج أولي قابل للنقر قبل البناء
  • الجوال أولًا، عند كل مقاس شاشة يهم
  • ملفات Figma في حسابك من اليوم الأول

أسئلة

تُطرح قبل أن يبدأ التصميم.

يبدأ الموقع المصمَّم والمبني من 16,000 درهم لموقع من 5 إلى 8 صفحات. والموقع التجاري الرئيسي لشركة قائمة يتراوح عادةً من 48,000 إلى 95,000 درهم، حيث يغطي التصميم مجموعة صفحات أكبر والعربية وبنية محتوى مخصصة. الأسعار لا تشمل ضريبة القيمة المضافة 5%، وما ينقل المشروع بين الباقات هو النطاق، لا عدد الصفحات وحده.

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

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

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

لا. التصميم يُرسَم لمحتواك وجمهورك. ومع ذلك يُصمَّم ضمن قيود المنصة التي ستعمل عليها، أي ما يستطيع محرر WordPress أو قالب Shopify التعبير عنه فعلًا؛ لأن التصميم الذي يصارع نظام إدارة المحتوى (CMS) الخاص به يصبح مشكلة أسبوعية لمن ينشرون عليه.

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

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

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

مستعد لبناء شيء يدوم؟

أخبرنا بما تحتاج إليه. ستحصل على رد محدد النطاق مع سعر تقديري، من مهندس لا من مندوب مبيعات.

دون أي التزام. نردّ خلال يوم عمل واحد، من الاثنين إلى الجمعة.