بنيت هذا البورتفوليو بدعم من أدوات الذكاء الاصطناعي، واعتمدت على التقنيات التالية:
أساسيات الويب
HTML5 وCSS3 لهيكلة الصفحات وتصميم الواجهات، مع تصميم متجاوب (Responsive Design) يعمل على الهواتف والشاشات المختلفة.
JavaScript (ES6+) للتفاعلات داخل الموقع والتنقل بين الأقسام، وللوضع الليلي والنهاري (Dark/Light Mode) والانتقالات بين الأقسام.
الذكاء الاصطناعي
مساعد AI Agent مخصص يرد على العملاء فورًا، ويحلل استفسارات الزوار ويرشدهم تلقائيًا إلى الأعمال المناسبة لمجالهم.
التصميم
Adobe Creative Cloud (Photoshop وIllustrator وAfter Effects) لتصميم عناصر الهوية البصرية والرسومات ومشاهد الموشن جرافيك المعروضة في الموقع.
الإدارة والاستضافة
GitHub لإدارة الكود المصدري، وVercel لاستضافة الموقع على السحابة.
كيف بنيته
التخطيط: صممت هيكل الموقع ليعكس هويتي كمصمم موشن جرافيك وفريلانسر، وركزت على أن يصل الزائر إلى دراسات الحالة (Case Studies) بسهولة.
التطوير: كتبت الكود بـ HTML وCSS وJavaScript، وراجعت سرعة التحميل والأداء.
الذكاء الاصطناعي: أعددت الـ AI Agent وبرمجته ليفهم تفاصيل أعمالي ويرد على الزائرين نيابة عني.
النشر: ربطت الموقع بالاستضافة وبالـ Domain الخاص بي، وأضفت أزرار تواصل مباشر (WhatsApp وLinkedIn ومنصات العمل الحر).