الكتالوج٠٣ من ٠٨

تصميم الويب والموبايل

عمل قاده التصميم — أنظمة العلامة وتصميم الواجهات عبر الويب والموبايل، تجمعها لغةٌ بصريةٌ واحدة. نبني هويّاتٍ تبدو واثقة على أيقونةٍ بحجم ١٦ بكسل وعلى شاشة هاتف على حدٍّ سواء.

Aa
Cairo
٦ درجات
AR + LTN
٠٣
السطح
ويب · موبايل · علامة
الأدوات
Figma · Code Connect
المسار
الويب والرقمي
المدة
٢–٤ أسبوع
01 / نظرة عامة

نظرة عامة

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

ما الذي يشمله
  • 01أنظمة هويّة العلامة
  • 02تصميم واجهات الويب والموبايل
  • 03أنظمة مكوّنات وتصميم
02 / لمن هذه الخدمة

لمن هذه الخدمة

  • 01

    تبدأ من مجرّد اسمٍ وتحتاج هويّةً كاملة — شعار، لوحة ألوان، خطوط، صوت

  • 02

    تحمل علامةً لم تعد تُطابق طموح العمل

  • 03

    تبني موقعًا وتطبيقًا معًا وتريدهما يبدوان منتجًا واحدًا، لا منتجَين

  • 04

    تُطلق ثنائي اللغة وتريد أن تُعامَل العربية كلغةٍ أصلية، لا ترجمة

03 / ما نُسلّمه

ما نُسلّمه

كلّ ما يصل حين نُصمّم علامتك، على الويب والموبايل.

قيد العرض
00/ 06
مؤكَّد
01
وحدة 01
أساس العلامة — العلامة اللفظية، الألوان، الخطوط، الصوت، إرشادات الحركة
02
وحدة 02
نظام خطوط ثنائي اللغة (عربي + لاتيني) مُعَايَر للشاشة والطباعة
03
وحدة 03
تصميم الواجهة — شاشاتٌ كاملة وحالات للويب والموبايل الأصلي، بنماذج تفاعلية في Figma
04
وحدة 04
مكتبة مكوّنات بـ tokens (Figma + موصولة بالكود)
05
وحدة 05
توثيق نظام التصميم — الاستخدام، افعل/لا تفعل، ملاحظات إمكانية الوصول
06
وحدة 06
أصول الإطلاق — تواصل اجتماعي، عرض، توقيع، أيقونات تطبيقات
04 / كيف نعمل

كيف نعمل

01 · 04
٠١

الموقعة

تدقيق، جمهور، مراجع. نتّفق على ما يجب أن *تشعر* به العلامة قبل فتح Figma.

٠٢

الأساس

الشعار، اللون، الخط، الحركة. نظامٌ صغير صامدٌ عبر كلّ سطح.

٠٣

التطبيق

الواجهة، الشاشات، الحالات، النماذج — العلامة تنبض حيّةً عبر الويب والموبايل.

٠٤

النظام

tokens، مكوّنات، توثيق. نُسلّم شيئًا يستطيع فريق التطوير أن يمضي به.

05 / النطاق والتسعير

النطاق والتسعير

  • 01

    العلامة

    الأساس — نظام علامةٍ يصمد عبر كلّ سطح.

    • علامة لفظية، ألوان، خطوط، صوت
    • نظام خطوط ثنائي اللغة (عربي + لاتيني)
    • إرشادات حركة واستخدام
    المدة١–٢ أسبوع
  • موصى به

    الواجهة

    العلامة، تنبض حيّةً عبر الويب والموبايل.

    • شاشات كاملة وحالات ونماذج تفاعلية — ويب وموبايل
    • مصمَّمة في Figma وجاهزة للبناء
    • قرارات UX مبنيّة على بحثٍ حقيقي
    المدة٢–٤ أسبوع
  • 03

    النظام

    مكتبة مكوّناتٍ يستطيع فريق التطوير أن يمضي بها عبر المنصّات.

    • tokens، مكوّنات، توثيق
    • موصولة بالكود في Figma
    • أصول إطلاق — تواصل اجتماعي، عرض، أيقونات
    المدة٣–٥ أسبوع

كل مشروع يحصل على سعر ثابت مكتوب، يُؤكَّد خلال ٤٨ ساعة من مكالمة تحديد النطاق.

ابدأ محادثة
06 / الأسئلة الشائعة

الأسئلة الشائعة

كلاهما — نفس نظام العلامة يمتدّ إلى شاشات iOS و Android. غالبًا ما نُصمّم تجربة التطبيق والويب معًا لتُقرأ كمنتجٍ واحد.

٠٣ · تصميم الويب والموبايل

تحتاج علامةً تتوسّع؟

سواء كنت تبدأ من علامةٍ لفظية أو تُصمّم نظامًا كاملًا من الويب إلى الموبايل، سنحدّد نطاق العمل في مكالمةٍ واحدة.

ابدأ محادثة
يتكامل مع

صمّم التطبيق، ثمّ دعنا نبنيه — iOS و Android أصليّان، جاهزان للإطلاق.

تطوير تطبيقات الموبايل
إشارة / النشرة

ملاحظات من قلب التنفيذ.

مقالات عملية عن الخدمات أعلاه: قرارات البنية، والمفاضلات، وكلفتها الحقيقية.

رسالة واحدة شهريًا. يمكنك إلغاء الاشتراك بنقرة.