Logo
web

محمود عباس | الموقع الشخصي والمدونة

Project Overview

صممت موقعي الشخصي ليكون مرجعًا احترافيًا يجمع هويتي التقنية، أعمالي، ومقالاتي في مكان واحد — مع دعم كامل للغتين العربية والإنجليزية والوضع الليلي.

كمهندس برمجيات وباحث في الذكاء الاصطناعي بخبرة تتجاوز 10 سنوات، كنت أحتاج إلى مساحة على الإنترنت تعكس حجم ما بنيته وما أفكر فيه — لا مجرد صفحة CV جامدة. كنت أريد موقعًا يحكي قصتي: مؤسس Spider Tech، باحث في LLMs، مدرّس جامعي، ومهندس يبني أنظمة إنتاجية حقيقية.

التحدي لم يكن فقط في التصميم، بل في تحقيق التوازن بين الحضور الاحترافي والشخصية الأصيلة — وبين الجمهور العربي والعالمي.

صممت الموقع بـ Figma بعناية فائقة مع تطبيق نظام تصميم متكامل يضم 916 مكوّنًا و244 نمط تصميم. الموقع يشمل:

  • صفحة الرئيسية (Portfolio): Hero section بإحصائيات حقيقية (10+ سنوات، 50+ مشروع، جائزتان)، قسم عن تخصصاتي في الذكاء الاصطناعي والـ Full-Stack.
  • المدونة: صفحة عرض المقالات، صفحة المقال الفردي مع sidebar، وصفحة الأرشيف والبحث.
  • المشاريع: قائمة المشاريع، صفحة المشروع الفردي، وصفحة البحث.
  • الوضع الليلي (Dark Mode): نسخة كاملة بخلفية Navy الداكنة.
  • النسخة العربية: تصميم مُعكوس بالكامل بدعم RTL مع خط Tajawal.
  • نسخة الموبايل: تصميم متجاوب لجميع الصفحات.
محمود عباس | الموقع الشخصي والمدونة