مشروع ماركتلي - موقع وكالة تسويق حديث
وصف المشروع:
قمت بتطوير موقع إلكتروني متجاوب وعصري لوكالة تسويق باسم "ماركتلي" يعرض خدمات التسويق الرقمي الاحترافية وأعضاء الفريق. يتميز الموقع بتصميم أنيق واحترافي مع خيار الوضع الداكن وتأثيرات حركية سلسة لتعزيز تجربة المستخدم.
الميزات الرئيسية:
تصميم متجاوب يعمل بشكل مثالي على أجهزة الكمبيوتر والأجهزة اللوحية والهواتف المحمولة
إمكانية التبديل بين الوضع الداكن والفاتح حسب تفضيل المستخدم
أقسام متحركة باستخدام مكتبة AOS (التحريك عند التمرير) وAnime.js لتجربة مستخدم تفاعلية
عرض أعضاء الفريق مع ملفات تعريف مفصلة ومجالات خبرتهم
باقات خدمات مع مقارنة الأسعار والميزات
نموذج اتصال فعال مع تغذية راجعة متحركة
واجهة مستخدم عصرية مع تأثيرات متدرجة، وعناصر عائمة، وتأثيرات حركية عند التمرير
التقنيات المستخدمة:
HTML5 وCSS3 مع خصائص مخصصة للسمات
جافا سكريبت نقي للعناصر التفاعلية
مكتبة AOS للتحريكات المعتمدة على التمرير
مكتبة Anime.js للتحريكات المتقدمة والتأثيرات البصرية
Font Awesome للأيقونات والعناصر المرئية
مبادئ تصميم متجاوب يعطي الأولوية للأجهزة المحمولة
تفاصيل التنفيذ:
يتميز المشروع بتخطيط تطبيق صفحة واحدة (SPA) مع تنقل سلس بين الأقسام. يتضمن التصميم عناصر واجهة مستخدم حديثة مثل الأشكال العائمة، والأزرار ذات التدرجات اللونية، وتأثيرات التمرير الدقيقة. كما يطبق الموقع خاصية التبديل بين السمة الداكنة والفاتحة مع حفظ تفضيلات المستخدم باستخدام localStorage.
يوفر هذا القالب لوكالة التسويق حضورًا احترافيًا عبر الإنترنت يوصل بفعالية خدماتها، وخبرات فريقها، ومعلومات الاتصال بطريقة جذابة وجميلة بصريًا.