Agenc

قمت بتطوير موقع إلكتروني تفاعلي متكامل لوكالة رقمية متخصصة في خدمات التصميم والبرمجة (FinAgenc). يهدف المشروع إلى تقديم واجهة مودرن وجذابة تُبرز أعمال الوكالة وخدماتها بصورة احترافية، مع التركيز على تجربة المستخدم (UX) وسرعة الأداء.

أبرز المميزات التي قمت ببرمجتها:

Hero Slider متفاعل: تصميم سكشن رئيسي ينقل الصور والعناوين بسلاسة عبر الأسهم والتنقل التلقائي لتسليط الضوء على هويّة الشركة.

الوضع الداكن والفيتح (Dark/Light Mode): إضافة إمكانية التبديل بين الثيم الداكن والفيتح بضغطة زر واحدة لتوفير تجربة مريحة للمستخدم.

عداد الأرقام التفاعلي (Animated Counters): برمجة عداد تفاعلي للإحصائيات يشتغل تلقائياً أول ما يوصل المستخدم لسكشن الأرقام عند الـ Scroll.

فلترة معرض الأعمال (Portfolio Filter): تصفية مشاريع معرض الأعمال حسب التصنيف (UI/UX, Branding, Web Dev) بدون الحاجة لإعادة تحميل الصفحة.

تصميم متجاوب بالكامل (Fully Responsive): بناء الواجهة لتكون متوافقة تماماً مع جميع الشاشات (الهواتف، التابلت، والدفاتر) مع قائمة جانبية للموبايل.

التقنيات المستخدمة (Tech Stack):

HTML5: لبناء هيكلية الصفحة والدلالات البرمجية.

CSS3: لتنسيق الواجهات، الاستجابة للشاشات، وإضافة تأثيرات التدرج والـ Animations.

JavaScript (Vanilla JS): لبرمجة السلايدر، الفلترة، العدادات، والـ Dark Mode بدون الاعتماد على مكتبات خارجية ثقيلة.

FontAwesome: للأيقونات والرموز التفاعلية.