موقع يعرض وكالة تسويق رقمي بخدماتها بوضوح، ويحوّل الزائر لطلب تواصل.
نظرة عامة
موقع تعريفي لوكالة تسويق، مبني حول الخدمات.
RUN Agency وكالة تسويق رقمي ونمو، تقدّم السيو والإنتاج الإعلامي والتسويق بالأداء. الموقع على ووردبريس وElementor بعدة صفحات: الخدمات، من نحن، الأعمال، والمدوّنة، وكلها توصّل الزائر لطلب تواصل.
التفاصيل
المنصة:
WordPress
النوع:
موقع وكالة
الأدوات:
WordPress, Hello Elementor, Elementor Pro, ElementsKit, JetEngine and custom post types, Rank Math SEO, Joinchat, PixelYourSite
اللغة:
الإنجليزية
الموقع:
صفحات الموقع
لقطات حقيقية لأهم صفحات الموقع، مقسّمة لأجزاء. بدّل بين الصفحات من التبويبات، واسحب أو استخدم الأسهم، واضغط على الصورة في المنتصف لعرضها بالحجم الكامل.
مرّر الماوس لتتصفّح الصفحة الرئيسية كاملة
مميزات الموقع
الأجزاء اللي تصنع الفرق في هذا المشروع، وطريقة تنفيذ كل جزء.
01
هيرو يعرض الشغل بدل ما يوصفه
الوكالة تتقيّم من موقعها قبل أعمالها. أول شاشة فيديو لأعمالها داخل إطار يكبر ويملأ الشاشة مع التمرير، والكلمة بعد Ready for تتغيّر: Growth وAuthority وPerformance.
طريقة التنفيذ
- HTML وCSS وJavaScript مخصص داخل Elementor، بطول شاشتين مع مسرح ثابت
- حجم الإطار وزواياه ومكانه محسوبة من التمرير، على requestAnimationFrame عشان تكون ناعمة
- فيديو صامت يشتغل تلقائياً على الموبايل، ونسخة ثابتة للشاشات الصغيرة
02
الإثبات قبل العرض
شريط متحرك بشعارات عملاء حقيقيين بعد الهيرو مباشرة، عشان الوعد اللي بعده يكون له سند.
طريقة التنفيذ
- شريط شعارات متكرر يحدّثه الفريق من لوحة التحكم
- هيدر ثابت فيه زر تواصل يبقى ظاهر طول الصفحة
03
سبع خدمات في أكورديون واحد
سوشيال ميديا، استراتيجية، تسويق بالأداء، إنتاج، محتوى، هوية، مواقع وسيو. عرضها كسبع أقسام كان سيضاعف طول الصفحة، فتفتح واحدة فقط في كل مرة.
طريقة التنفيذ
- أكورديون مخصص بـ HTML وCSS وسطور JavaScript قليلة
- وصف قصير لكل خدمة يبدأ بالفائدة
- رابط #services عشان القائمة تنزل له مباشرة
04
بورتفوليو يضيف عليه الفريق بنفسه
أعمال العملاء في كروت صور كبيرة بهوية كل عميل، والشغل الجديد يُضاف من لوحة التحكم بدون تعديل التصميم.
طريقة التنفيذ
- أنواع محتوى مخصصة لدراسات الحالة والهوية والإنتاج والمحتوى
- الكروت تسحب من هذه الأنواع، فالرئيسية وصفحة الأعمال دائماً متطابقة
05
فورم ختامي قصير يتعبّى فعلاً
Ready to Run? تختم الصفحة بأربع خانات فقط، لأن الفورم الطويل في موقع وكالة يخسّر عملاء أكثر مما يفلترهم.
طريقة التنفيذ
- فورم Elementor Pro: الاسم، الإيميل، رقم الهاتف، الرسالة
- زر واتساب عائم كبديل أسرع
- الفوتر يكرّر العنوان والهاتف والإيميل والسوشيال
تحتاج موقع بنفس المستوى لبراندك؟
احكِ لي عن مشروعك، وأرسم لك الهيكل والربط وخطة الإطلاق، وأبنيه بشكل يليق ببراندك ويبيع.