قالب “Zoom” – صفحة هبوط لوكالة تصميم

صفحة هبوط (Landing Page) طويلة ومتكاملة لوكالة تصميم وهمية تُدعى “Zoom”، وهي أكثر ثراءً من قالب “Leon” السابق، حيث تحتوي على عناصر تفاعلية وإحصائية متعددة تحاكي مواقع الشركات الاحترافية الحقيقية.

💡 فكرة الموقع وشرحه

يهدف الموقع إلى تقديم وكالة تصميم بأسلوب تسويقي كامل عبر أقسام متعددة:

1. الترويسة (Hero): عنوان تحفيزي “Try Design, You’ll Like It” مع زر دعوة لاتخاذ إجراء.
2. الخدمات: أربع بطاقات لخدمة “تصميم الويب”.
3. قسم “بحاجة لخدمة؟”: يعرض صورة نتائج جوجل وصورتين لهاتفين، للتأكيد على أن الحلول متجاوبة (Responsive) وتظهر في نتائج البحث.
4. قسم “متجاوب بالكامل” (fully-responsive): مكرر مرتين بصور مختلفة (هاتفين، هاتف واحد) لإبراز مرونة التصميم عبر الأجهزة.
5. معرض الأعمال (Portfolio): نظام تصفية (Filter) تفاعلي بأزرار (الكل / ويب / تصوير / تصميم جرافيك) لعرض 6 مشاريع بنظام Shuffle/Grid.
6. إحصائيات متحركة (Counters): عدادات لعدد العملاء، المشاريع المكتملة، الدول، والزوار (تبدأ من صفر وتتحرك رقميًا – عادة بجافاسكريبت).
7. قسم الفريق: أربعة أعضاء بصورهم ومسمياتهم الوظيفية.
8. شهادات العملاء (Testimonials): اقتباس من “الرئيس التنفيذي” مع دعوة للاشتراك في النشرة البريدية.
9. تبويب معلومات إضافي: ثلاث تبويبات (واحد، اثنان، ثلاثة) بمحتوى نصي متغير.
10. قسم الفريق الثاني (“hoor”): ثلاث بطاقات إضافية لمصممين.
11. التذييل (Footer): خريطة Google Maps مضمّنة فعليًا (لموقع في مكة المكرمة)، مع العنوان والبريد ورقم الهاتف.