علي عوموم
موقع شخصيّ للمدير التنفيذيّ لشركة CyberV. تنسيق تحريريّ ثنائيّ اللغة، خلفيّة Laravel، مصمّم للمقالات وحجوزات المحاضرات لا لسرد سيرة ذاتيّة.
عن المشروع.
موقع شخصيّ للمدير التنفيذيّ لشركة CyberV، صُمّم ليُقرأ كموقع كاتب ناشر لا كصفحة سيرة ذاتيّة. النظام خلفيّة Laravel بتنسيق تحريريّ ثنائيّ اللغة، مهيّأ للمقالات المطوّلة وحجوزات المحاضرات. صمّمت الموقع وبنيته من ألفه إلى يائه، مع انتباه دقيق للتنضيد العربيّ، وإيقاع القراءة، وكيف تحمل صورة غلاف كلّ مقال الثقل البصريّ للصفحة الرئيسيّة.
ما الذي وجدناه.
الرئيس التنفيذيّ لـCyberV احتاج موقعًا شخصيًّا يُقرأ كمقاليّ منشور، لا كسيرة ذاتيّة — تخطيط تحريريّ ثنائيّ، حجوزات مهامّ، كتابة مطوّلة كمركز ثقل.
ما الذي فعلناه.
باك-إند Laravel + تخطيط تحريريّ ثنائيّ. مصمّم للمقالات المكتوبة أوّلًا، حجوزات المهامّ ثانيًا، صفحة «عنّي» ثالثًا. الطباعة العربيّة موزونة بنفس عناية الإنجليزيّة.
ما الذي أصبح.
سطح مقالة شخصيّ يُقرأ كعمود مجلّة. استفسارات المهامّ توجَّه عبر نموذج مهيكل.
دوري الفعليّ في هذا المشروع.
منفرد · 100٪ — تصميم + باك-إند Laravel + تخطيط تحريريّ ثنائيّ + نموذج حجوزات مهامّ. زوّد العميل المقالات + الاتّجاه؛ كلّ شيء آخر لي.
مصمّم (تحريريّ)
إيقاع قراءة عمود مجلّة. طباعة عربيّة + لاتينيّة مقترنة بعناية. صور أغطية المقالات تحمل الوزن البصريّ للصفحة الرئيسيّة.
مهندس باك-إند (Laravel)
نموذج مقالة ثنائيّ، تدفّق مسوّدة → نشر، خطّ صور غلاف، صندوق حجوزات مهامّ.
مهندس أداء
طباعة قراءة بدرجة تحريريّة ثقيلة على وزن الخطوط؛ تقطيع web-font أبقى أوّل رسم دون ثانية.
الأرقام التي تهمّ.
- مقالاتنوع المحتوى المركزيّلا «منشورات مدوّنة» — مقالات. إيقاع قراءة مختلف، بيانات وصفيّة مختلفة، عرض مختلف.
- ثنائيّتكافؤ ar/enكلّ مقالة يمكن نشرها بأيّ لغة أو كلتيهما؛ لا تُترجم آليًّا أبدًا.
- <1sأوّل رسممجموعة فرعيّة من web-font (لاتينيّ فقط) + سلسلة احتياط عربيّ؛ صورة بطل lazy-loaded.
- مهيكلحجوزات مهامّالنموذج يلتقط تاريخ الحدث، حجم الجمهور، الموضوع؛ يوجَّه إلى صندوق المساعد.
ما الذي كان معطّلاً فعلاً.
معظم مواقع الرؤساء التنفيذيّين سير ذاتيّة استعراضيّة — زخرفة، قوائم جوائز، معارض صور. الرئيس التنفيذيّ لـCyberV يكتب جدّيًّا عن القيادة والهندسة، وأراد موقعًا يحترم ذلك. المطلوب موقع، حين يهبط عليه أحد، يجعله يريد أن يقرأ — لا أن يمرّر ليجد زرّ «اتّصل».
المساحة الصعبة من المشروع.
- 01طباعة تحريريّة تمسك الانتباه عبر مقالات 1500 كلمة في كلتا العربيّة والإنجليزيّة.
- 02انضباط صورة غلاف — كلّ مقالة لها واحدة، وهي تحمل الوزن البصريّ للصفحة الرئيسيّة.
- 03نموذج حجوزات مهامّ يلتقط الحقول المهيكلة المطلوبة (تاريخ، جمهور، موضوع) دون أن يشعر معاملاتيًّا.
انتصارات هندسيّة تستحقّ التسمية.
إيقاع قراءة ثنائيّ
نصّ الجسم العربيّ يحتاج line-height +1.85؛ اللاتينيّ يحتاج 1.55. صمّمت إعدادي إيقاع قراءة، يُبدَّلان حسب اللغة، يشاركان نفس شبكة المقالة.
وزن صورة الغلاف
كلّ غلاف مقالة بطل على الرئيسيّة عند تمييزه. نسبة مصوّر مهنيّ (3:2)، srcset لـretina، blur-up placeholder للاتّصالات البطيئة.
كيف يتشابك النظام.
طبقة الحافّة
طبقة التطبيق
طبقة البيانات
القرارات وراء كلّ اختيار.
Laravel عوضًا عن CMS headless
- موقع مقالات لمؤلّف واحد لا يحتاج خدمة CMS منفصلة. Laravel + مدير Filament كافٍ.
- سطح المحرّر يبقى على نفس نطاق الموقع العلنيّ، بنفس تسجيل الدخول.
طباعة تحريريّة عوضًا عن Tailwind عامّ
- مقياس Tailwind العامّ مناسب لـSaaS. لموقع كتابة، يحتاج المقياس ضبطًا يدويًّا لكلّ لغة.
- نصّ الجسم العربيّ هو مشكلة تصميم بحدّ ذاتها بإجاباتها الخاصّة.
ما علّمنا إيّاه هذا البناء.
- حين يكون المحتوى هو المنتج، الطباعة هي المنتج. اقضِ الوقت.
- الثنائيّة ليست «ترجمة السلاسل». بل نظاما إيقاع قراءة يتقاسمان شبكة واحدة.