علاء عبّود، هيرنه، ألمانيا

أربعة تخصّصات

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

01 / 04

مواقع الويب

واجهات متجاوبة، وتخطيط، وتفاعل، وتطوير للواجهة الأمامية — مُختبَرة عبر أعمال مفاهيمية كاملة وتجارب أصغر.

  • مكتوبة باليد
  • بكل العروض
  • سريعة افتراضيًا
مواقع الويب بالتفصيل
نافذة متصفّح فوق تخطيط سلكي، رمزًا لمواقع متجاوبة مكتوبة باليد.

02 / 04

تطبيقات الجوال

أنظمة واجهات للجوال — شاشات، وتنقّل، وحالات، ومسارات، وأنماط تفاعل لـ iOS وAndroid.

  • iOS وAndroid
  • مسارات لا شاشات
  • كل حالة مرسومة
تطبيقات الجوال بالتفصيل
شاشة هاتف تحمل رزمة من بطاقات الواجهة، رمزًا للعمل على واجهات تطبيقات الجوال.

03 / 04

التجارة الإلكترونية

مفاهيم متاجر رقمية تركّز على عرض المنتج، والتسلسل، والتصفّح، وتفاعل إتمام الشراء.

  • الرحلة ملكك
  • المدفوعات تبقى عند مزوّدها
  • بياناتك وحساباتك
التجارة الإلكترونية بالتفصيل
شبكة منتجات إلى جانب سلّة، رمزًا للعمل على مفاهيم المتاجر.

04 / 04

التصميم الجرافيكي

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

  • العلامات وبناؤها
  • أنظمة هوية كاملة
  • الحملات والإعلان
التصميم الجرافيكي بالتفصيل
شبكة رُسم عليها حرفان متشابكان على قطريها، رمزًا للعمل على الهوية والتصميم الجرافيكي.

يصحّ على كل عمل

الممارسة نفسها، أيًّا كان التخصّص

  • محدَّد قبل أن يبدأ

    كل مشروع يحصل على خطة حقيقية قبل أن يبدأ أي عمل برمجي أو تصميمي.

  • مُراجَع، لا مُسوَّدة أولى

    المراجعات جزء من العملية، لا شيء يُلحَق بها في آخرها.

  • مُهيَّأ كما ينبغي

    النطاق والاستضافة والمستودع مُعدَّة بالشكل الذي أودّ أن أعود إليه لاحقًا.

  • مصدر مقروء

    أي مطوّر — بمن فيهم أنا في المستقبل — يستطيع فتح الملفات وقراءة ما تقوله.

  • سهل الوصول منذ البداية

    مبنيّ وفق ممارسة WCAG 2.1 AA أثناء صنعه، لا مفحوص بعد الانتهاء منه.

  • لا شيء يُترك ناقصًا

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

  • شخص واحد، النصفان معًا

    اليدان نفسهما تقومان بالتصميم والتنفيذ، فلا يضيع شيء بينهما.

  • مصنوع ليُستكشَف

    كل عمل هنا يُراد له أن يُفتَح ويُنقَر ويُقرَأ، لا أن يُنظَر إليه فحسب.

ليست تخصّصًا، بل ممارسة

قياس سهولة الوصول والأداء

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

وحيثما يُنشَر رقم، يحمل معه تاريخ قياسه وطريقته، ليكون قابلًا للتحقّق لا مأخوذًا على الثقة. وهذا رقم هذا الموقع: في 26 أغسطس 2026، وجد axe-core 4.11 خمس مخالفات عبر 204 فحصًا — الوثائق الـ102 كلّها بعرضين، تحت prefers-reduced-motion بحيث يكون كل ظهور قد استقرّ. والخمس كلّها عنصر واحد: عنوان يحمل نصفه الثاني أخضر الموقع على أرضية فاتحة، اختير عن عِلم بعد أن قيس عند 1.33:1. هذه هي النصف الآلي لا أكثر. الجولة بلوحة المفاتيح المذكورة أعلاه ليست داخل هذا الرقم، ولم يُجرَ على هذا الموقع أي فحص يدوي بقارئ شاشة.

ممّ يتألّف الفحص

  • جولة بلوحة المفاتيح على كل عنصر تفاعلي، يدويًا
  • ترتيب التركيز، ووضوحه، ومصائده
  • التباين، مقيسًا، مع سرد الأزواج التي ترسب
  • العناوين والمَعالم والأسماء والأدوار
  • السلوك عند تقليل الحركة، وما يبقى متحرّكًا
  • كلفة التحميل والتفاعل، على اتّصال مُبطّأ

ثلاثة من عشرة، اختيرت لاتّساع المدى

تستطيع تشغيل كلٍّ منها

المشاريع العشرة كلّها على هذا الموقع بمبادرة ذاتية، وكلّها تعمل في المتصفّح المفتوح أمامك الآن، ولكلٍّ منها تقرير يقول ما الذي سعى إليه وما الذي قاومه.

عمل Arke Estates: صفحة وساطة عقارية معمارية بهوامش واسعة وألوان قليلة جدًا.

Arke Estates

انضباط تحريري، بمبادرة ذاتية، 2025

عمل Signalform: صفحة منتج داكنة لمراقبة الأنظمة، فيها جدول بيانات كثيف.

Signalform

واجهة منتج كثيفة، بمبادرة ذاتية، 2026

عمل Root & Ritual: متجر عناية نباتية بالبشرة، فيه شبكة منتجات وسلّة.

Root & Ritual

متجر، من أوّله إلى آخره، بمبادرة ذاتية، 2020

كلٌّ منها انطلق من سؤال مختلف.

أيًّا كان من الأربعة

انظر كيف يجتمع كل ذلك

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

من فضلك أدر جهازك،
هذا الموقع مبني عموديًا.