تخطّي إلى المحتوى
كل الخدمات
تصميم المنتجات

تصميم يصمد أمام العربية.

أنظمة تصميم وواجهات ثنائية اللغة واتجاه من اليمين مصنوع كما ينبغي — من البحث إلى مكتبة مكوّنات يبني منها مهندسوكم فعلًا.

المنهج

كيف نتعامل مع هذا العمل.

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

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

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

التسليمات

ما الذي يصلك فعلًا.

  • نظام تصميم لا نموذجًا مصوّرًا

    رموز تصميمية، ومكوّنات بكل حالاتها، وقواعد تخطيط — ما يبني منه المهندسون، بإصدارات موازية للكود.

  • ثنائية اللغة والاتجاه من البداية

    طباعة عربية تترك مساحة للتشكيل، وتخطيط وأيقونات معكوسة، وأرقام وتواريخ صحيحة لكل لغة.

  • بحث مع مستخدمين حقيقيّين

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

  • وصولية بمعيار WCAG 2.2 AA

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

  • حركة لها غرض

    انتقالات تشرح ما تغيّر، مع احترام تفضيل تقليل الحركة لا معاملته كحالة هامشية.

  • تسليم يستطيع المهندسون استخدامه

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

FigmaDesign tokensWCAG 2.2 AAFramer MotionTailwind
أين نعمل

الأسواق التي نسلّم فيها.

  • السعودية — بما يشمل منتجات موجَّهة للجهات الحكومية تكون العربية فيها اللغة الأساسية والوصولية شرطًا في المشتريات.
  • مصر — منتجات للمستهلك ومنصّات مصمَّمة لجمهور عربي أولًا.
  • الإمارات — واجهات مؤسسية وللأعمال بلغتين.
  • الولايات المتحدة — منتجات تخدم مجتمعات ناطقة بالعربية في سوق إنجليزي.
الدليل

أعمال أنجزناها بهذا.

أسئلة متكرّرة

ما يُسأل عنه قبل التعاقد.

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

لديك طلب عروض؟ أو مجرّد فكرة؟ لنبنِها معًا.

نرد على كل استفسار خلال يوم عمل واحد. أخبرنا عن مشروعك والجدول الزمني وكيف يبدو النجاح بالنسبة إليك.