صمّمت Younex Solutions وطوّرت الموقع الإلكتروني الرسمي لوكالة IECC للتسويق الإلكتروني والإبداع في الرياض، ليكون منصة رقمية متكاملة تعرض خدمات الوكالة وأعمالها ومحتواها المعرفي باللغتين العربية والإنجليزية. ولم يقتصر المشروع على واجهة تعريفية، بل شمل نظاماً لإدارة المحتوى يدير دراسات الحالة ومعرض التصاميم والمقالات وصفحات الخدمات، إلى جانب بوابة عملاء، ووضع داكن وفاتح، وبنية سيو تقنية متقدمة تخدم حضور الوكالة في محركات البحث ومحركات الإجابة بالذكاء الاصطناعي.
نظرة عامة على المشروع
موقع IECC هو موقع وكالة تسويق متعدد الأقسام وثنائي اللغة، بُني على نظام مخصص بالكامل بدلاً من قوالب جاهزة، لأن طبيعة الوكالة تفرض احتياجات لا تغطيها القوالب التقليدية: عشرات الخدمات المتخصصة، ودراسات حالة بتنسيق مجلة، ومعرض تصاميم يتجدد باستمرار، وقسم مقالات ينمو أسبوعياً، وصفحات هبوط موجهة لقطاعات وكلمات بحث محددة.
الهدف الرئيسي من المشروع كان تحويل الموقع من مجرد بطاقة تعريف إلى أداة بيع حقيقية تعمل على مدار الساعة، يثبت فيها المحتوى خبرة الوكالة، وتقود كل صفحة الزائر نحو خطوة واضحة: طلب استشارة، أو مراسلة عبر واتساب، أو تصفح عمل مشابه لما يحتاجه. ويمكن زيارة الموقع مباشرة عبر ieccagency.com.
ويضم الموقع مجموعة أقسام مترابطة تغطي رحلة العميل المحتمل كاملة:
- الرئيسية: رسالة الوكالة، وأبرز الخدمات، وشريط شعارات العملاء، ودراسات حالة مختارة، وشريط متحرك لأحدث التصاميم، وأحدث المقالات.
- من نحن: قصة الوكالة ورسالتها ورؤيتها وقيمها.
- خدماتنا: صفحة مركزية للخدمات وصفحة تفصيلية مستقلة لكل خدمة.
- أعمالنا: دراسات الحالة، ونماذج المواقع وصفحات الهبوط، والتصوير، ومقاطع الريلز.
- التصاميم: معرض بصري مستقل لتصاميم السوشيال ميديا والبوسترات والهويات.
- الأخبار: مدونة معرفية في التسويق الرقمي موجهة للسوق السعودي.
- الأسئلة الشائعة وتواصل معنا: إجابات منظمة ونموذج طلب وقنوات تواصل مباشرة.
عن العميل والقطاع
IECC وكالة تسويق إلكتروني وإبداع مقرها الرياض بالمملكة العربية السعودية، تأسست عام 2014، وتقدم خدمات متكاملة تشمل الاستراتيجية والاستشارات، والاتصال التسويقي والعلاقات العامة، وإدارة حسابات التواصل الاجتماعي، والتصميم الجرافيكي والهوية البصرية، وكتابة المحتوى، والتصوير الاحترافي، وإدارة الإعلانات المدفوعة، وتصميم المواقع والمتاجر الإلكترونية، وتطوير التطبيقات والأنظمة. كما تمتلك الوكالة منتجات رقمية خاصة بها، وتحمل صفة الشريك التقني المعتمد لدى Meta.
تعمل الوكالة في سوق شديد التنافس؛ فالعلامات التجارية في الرياض والمملكة تستقبل عروضاً من عشرات الوكالات المحلية والإقليمية، وغالباً ما يبدأ صاحب القرار رحلته بالبحث في Google، ثم يزور موقع الوكالة ليقيّم أعمالها السابقة وأسلوبها قبل أن يتواصل. في هذا القطاع تحديداً، يُعد موقع الوكالة نفسه أول دليل على كفاءتها: فالوكالة التي تبيع التسويق الرقمي وتصميم المواقع لا يمكن أن تمتلك موقعاً ضعيفاً أو بطيئاً أو غير ظاهر في البحث.
ولهذا كان المطلوب موقعاً يعكس هوية الوكالة الإبداعية، ويخاطب الجمهور السعودي بلغة عربية فصيحة مهنية، ويخدم في الوقت ذاته العملاء والشركاء الناطقين بالإنجليزية.
التحدي
عند بداية المشروع، واجهت الوكالة مجموعة من التحديات التي تتجاوز تصميم واجهة جذابة:
تنوع كبير في الخدمات
تقدم الوكالة أكثر من عشرين خدمة متخصصة، ولكل خدمة جمهورها وأسئلتها وكلمات البحث الخاصة بها. عرض كل ذلك في صفحة واحدة يشتت الزائر ويضعف فرص الظهور في البحث، بينما يتطلب بناء صفحة مستقلة لكل خدمة نظاماً يمنع التكرار ويحافظ على اتساق التصميم.
إثبات الخبرة بالأعمال الحقيقية
العميل المحتمل لا يكتفي بقراءة وصف الخدمة، بل يريد أن يرى هويات ومنشورات وحملات نُفذت فعلاً. وكانت الوكالة تمتلك رصيداً كبيراً من الأعمال المتنوعة بين هويات بصرية وتصاميم سوشيال وتصوير وفيديو، دون طريقة منظمة تعرضها بقصتها الكاملة من التحدي إلى النتيجة.
تحديث مستمر دون الاعتماد على مطور
وتيرة العمل في الوكالة سريعة: مشاريع جديدة تُسلّم، وتصاميم تُنشر، ومقالات تُكتب. وكان من الضروري أن يتمكن فريق الوكالة من إضافة كل ذلك بنفسه، دون الرجوع إلى مبرمج في كل تحديث.
المنافسة على البحث في السوق السعودي
عبارات مثل شركة تسويق في الرياض أو شركة تصميم مواقع تشهد منافسة قوية، والظهور فيها يتطلب بنية تقنية سليمة وبيانات منظمة ومحتوى متخصصاً، لا مجرد كلمات مفتاحية في العناوين.
جمهوران ولغتان
الجمهور الأساسي عربي، لكن جزءاً من الشركاء وأصحاب القرار يفضّل الإنجليزية، مما يستلزم نسخة إنجليزية حقيقية بتخطيط من اليسار إلى اليمين، لا ترجمة سطحية لبعض العناوين.
الحل الذي نفّذته Younex
تعاملت Younex مع المشروع كمنصة أعمال متكاملة، وبنت الحل على أربعة محاور: هيكلة واضحة للمحتوى، ونظام إدارة مخصص، وبنية سيو تقنية قوية، وتجربة استخدام تقود إلى التواصل. وهو النهج ذاته الذي نعتمده في خدمة تصميم المواقع في السعودية.
صفحة مستقلة لكل خدمة
بُنيت صفحة مركزية تعرض الخدمات في شبكة بطاقات منظمة، تقود كل بطاقة منها إلى صفحة تفصيلية على مسار خاص. وتتبع صفحات الخدمات قالباً موحداً يتضمن: قسم افتتاحي بدعوتين لاتخاذ إجراء، وشرحاً لأهمية الخدمة في السوق السعودي، وما تتضمنه الخدمة، وأنواعها، وأسباب اختيار الوكالة، وأسئلة شائعة خاصة بها، وشريطاً جانبياً يضم قائمة الخدمات كاملة وبطاقات لخدمات مرتبطة.
دراسات حالة بتنسيق مجلة
صُمّم قسم أعمالنا ليروي قصة كل مشروع بأسلوب تحريري: مقدمة، ثم ملخص التحدي، ثم المنهجية، ثم محاور العمل، ثم أرقام المشروع الوصفية، ثم معرض صور مقسم حسب نوع التسليمات، وأخيراً بطاقات لأعمال أخرى مشابهة. ويُدخل الفريق كل ذلك من لوحة التحكم بحقول عربية وإنجليزية منفصلة.
نظام إدارة محتوى مخصص
طُوّرت لوحة تحكم تمنح فريق الوكالة سيطرة كاملة على المحتوى، مع صلاحيات تختلف حسب دور كل مستخدم، وتشمل إدارة الخدمات ودراسات الحالة ومعرض التصاميم والمقالات ورسائل التواصل، إضافة إلى أدوات تسويق مدمجة.
صفحات هبوط موجهة للقطاعات والكلمات البحثية
إلى جانب صفحات الخدمات، بُني نظام لصفحات هبوط متخصصة يستهدف كل منها عبارة بحث تجارية أو قطاعاً بعينه، مثل تصميم مواقع الشركات أو تصميم المتاجر أو إدارة الإعلانات. ويعتمد هذا النظام على قالب واحد قابل لإعادة الاستخدام، ويمكن ربط كل صفحة بدراسات حالة مختارة يدوياً من أعمال الوكالة، مع روابط داخلية تربط الصفحات المتقاربة في مجموعات موضوعية تمنع تنافسها على الكلمات نفسها.
المواصفات التقنية
| البند | التفاصيل |
|---|---|
| نوع المشروع | موقع وكالة تسويق متعدد الأقسام مع نظام إدارة محتوى مخصص وبوابة عملاء |
| اللغات | العربية (RTL) كلغة أساسية مع نسخة إنجليزية كاملة (LTR) ووسوم hreflang للغتين |
| الباكإند | PHP مخصص دون أطر جاهزة، مع قوالب مشتركة لصفحات الخدمات والهبوط |
| قاعدة البيانات | MySQL لإدارة الخدمات ودراسات الحالة والتصاميم والمقالات والرسائل والحملات |
| الواجهة الأمامية | CSS بمتغيرات للسمات مع JavaScript خالص (Vanilla JS) |
| الوضع الداكن والفاتح | زر تبديل يتبع إعداد نظام الجهاز افتراضياً ويُطبّق قبل عرض الصفحة لتفادي الوميض |
| البيانات المنظمة | JSON-LD يشمل Organization وProfessionalService وOfferCatalog وWebSite مع SearchAction، وBreadcrumbList وFAQPage وNewsArticle وCreativeWork وVideoObject |
| السيو التقني | خريطة موقع ديناميكية، وملف robots يحجب لوحة التحكم والبوابة ومعاملات التتبع ويسمح لبوتات الذكاء الاصطناعي، ومولّد صور Open Graph ديناميكي |
| الأداء | ضغط الصور تلقائياً إلى WebP، وتحميل كسول للصور، وإصدارات تلقائية لملفات الأصول لتحديث الكاش، وخادم LiteSpeed مع طبقة Cloudflare |
| الأمان | ترويسات أمان مثل X-Frame-Options وReferrer-Policy، وحجب مسارات الإدارة عن الفهرسة، ولوحة تحكم بصلاحيات حسب الدور |
أبرز المميزات المنفّذة
معرض تصاميم مستقل
قسم التصاميم منفصل تماماً عن دراسات الحالة، ويعرض المنشورات والبوسترات والهويات البصرية في تخطيط متدرج الأعمدة مع نافذة عرض مكبرة لكل تصميم ورابط مباشر للمشروع الكامل. ويرفع الفريق عدة تصاميم دفعة واحدة من لوحة التحكم، مع إمكانية الإخفاء والإظهار والترتيب، بينما يعرض شريط متحرك في الصفحة الرئيسية أحدث التصاميم تلقائياً.
قسم أعمال متعدد الوسائط
لا يقتصر قسم أعمالنا على الصور، بل يضم نماذج مواقع وصفحات هبوط، ومعرض تصوير منتجات وأطعمة، وصفحات مستقلة لمقاطع الريلز. وتحمل صفحات الفيديو بيانات VideoObject مع خاصية الانتقال إلى لحظة محددة في المقطع، ما يمنح محركات البحث فهماً أدق للمحتوى المرئي.
مدونة معرفية متكاملة
صُمّمت صفحة المقال لتخدم القارئ ومحركات البحث معاً، إذ تتضمن مدة القراءة، ومسار تنقل، وفهرساً تفاعلياً للعناوين، وتعريفاً بفريق التحرير، وأزرار مشاركة على X ولينكدإن وواتساب، وقسم أسئلة شائعة، ومقالات مقترحة، ودعوات للتواصل وروابط لخدمات ذات صلة.
أسئلة شائعة ببيانات منظمة
تجمع صفحة الأسئلة الشائعة أكثر استفسارات العملاء تكراراً حول الخدمات والقطاعات والتسعير ومدة التنفيذ، مع ترميزها ببيانات FAQPage التي تساعد على ظهور الإجابات مباشرة في نتائج البحث.
بوابة عملاء خاصة
يتضمن الموقع بوابة دخول مخصصة لعملاء الوكالة، يمكن الوصول إليها من رأس الصفحة، ومحجوبة عن الفهرسة في محركات البحث.
التسويق عبر البريد الإلكتروني من لوحة التحكم
بُني داخل لوحة التحكم نظام حملات بريدية متكامل يتيح للفريق:
- إدارة قائمة المشتركين بالإضافة الفردية أو اللصق الجماعي أو الاستيراد من ملف CSV.
- إنشاء الحملات ومعاينتها وإرسال نسخة تجريبية قبل الإطلاق، مع قوالب متعددة يعرض أحدها أعمال الوكالة تلقائياً.
- جدولة الإرسال في وقت محدد، مع إرسال تدريجي في الخلفية يحافظ على سمعة المرسل.
- تتبع معدلات الفتح وتصدير تقارير الحملة، مع رابط إلغاء اشتراك بضغطة واحدة في كل رسالة.
قنوات تواصل مباشرة
- زر واتساب برسالة ترحيبية مكتوبة مسبقاً في رأس الصفحة وصفحات الخدمات.
- نموذج طلب يدعو الزائر لمشاركة تفاصيل علامته وأهدافه، مع إشعار فوري للفريق عند وصول أي طلب جديد.
- عرض ساعات العمل وموقع المكتب في الرياض وروابط حسابات التواصل الاجتماعي.
مراحل تنفيذ المشروع
- الاكتشاف وتحليل الاحتياجات: دراسة خدمات الوكالة وجمهورها ورحلة العميل من البحث حتى طلب الاستشارة، وتحديد أنواع المحتوى التي يحتاج الفريق لإدارتها بنفسه.
- هيكلة الموقع والمحتوى: بناء خريطة الموقع، وفصل الخدمات والأعمال والتصاميم والمقالات في أقسام مستقلة، وتحديد قوالب الصفحات المشتركة.
- بحث الكلمات المفتاحية: تحليل عبارات البحث التجارية في السوق السعودي بالاعتماد على بيانات فعلية، وتوزيعها على صفحات الخدمات والهبوط لتفادي التنافس الداخلي.
- تصميم الواجهة: تصميم عربي أصيل باتجاه RTL مع نسخة إنجليزية، وسمتين داكنة وفاتحة، وتخطيط يبدأ من الموبايل.
- تطوير الباكإند ولوحة التحكم: بناء نظام PHP مخصص وقاعدة MySQL، ولوحة تحكم بصلاحيات حسب الدور، وأدوات رفع تضغط الصور تلقائياً.
- بناء أقسام المحتوى: تنفيذ دراسات الحالة بتنسيق المجلة، ومعرض التصاميم، والمدونة، وصفحات الريلز، والأسئلة الشائعة.
- السيو التقني والبيانات المنظمة: إضافة JSON-LD لكل نوع صفحة، وخريطة الموقع الديناميكية، وملف robots، وصور المشاركة، وربط الموقع بأدوات مشرفي المواقع.
- الاختبار والتحسين المستمر: اختبار الموقع على المتصفحات والأجهزة المختلفة، ومعالجة ما يظهر بعد الإطلاق، ومواصلة إضافة صفحات وأدوات جديدة وفق احتياج الوكالة.
تجربة المستخدم والتصميم
انطلق التصميم من أن زائر موقع الوكالة غالباً صاحب قرار يقيّم عدة وكالات في وقت قصير، لذلك كان المطلوب أن يفهم في ثوانٍ ماذا تقدم الوكالة، وأن يرى أعمالها دون عناء، وأن يجد طريق التواصل في كل صفحة.
هوية بصرية تعكس وكالة إبداعية
اعتمدت الواجهة على مساحات بيضاء واسعة وتباين قوي وصور أعمال بارزة، بحيث تتحدث التصاميم عن نفسها. وتظهر العناصر بحركة ناعمة أثناء التمرير، مع ضمان ظهور المحتوى فوق الطية فوراً وآلية احتياطية تمنع بقاء أي قسم مخفياً على متصفحات مثل Safari.
وضع داكن وفاتح
يتبع الموقع إعداد السمة في جهاز الزائر تلقائياً، مع زر تبديل في شريط التنقل. ويُطبّق الاختيار قبل رسم الصفحة، فلا يرى الزائر وميضاً أبيض عند فتح الموقع ليلاً.
عرض يحترم طبيعة كل تصميم
عولجت الصور الطولية والمربعة بطرق مختلفة؛ فتصاميم السوشيال تُعرض كاملة دون قص داخل دراسات الحالة، بينما تملأ بطاقات الأعمال الأخرى مساحتها دون حواف فارغة، ليبقى المعرض متناسقاً مهما اختلفت مقاسات التصاميم.
تجربة عربية وإنجليزية متكافئة
بُنيت النسخة العربية باتجاه RTL منذ البداية، مع نسخة إنجليزية بتخطيط LTR تحافظ على الهيكل والوظائف ذاتها، وروابط لغوية واضحة تساعد محركات البحث على عرض النسخة المناسبة لكل مستخدم. ويمكن الاطلاع على خبرتنا في هذا النوع من المشاريع عبر خدمة تصميم مواقع الشركات.
النتائج والأثر
مع إطلاق الموقع وتطويره المستمر، أصبح لدى IECC منصة رقمية تعمل كذراع تسويقية للوكالة، وبات بإمكانها:
- عرض خدماتها بعمق عبر صفحة مستقلة لكل خدمة تجيب عن أسئلة العميل وتقوده إلى التواصل.
- إثبات خبرتها بأعمال حقيقية من خلال دراسات حالة بتنسيق مجلة ومعرض تصاميم وصفحات فيديو.
- تحديث الموقع بنفسها وإضافة المشاريع والتصاميم والمقالات من لوحة التحكم دون الحاجة إلى مطور.
- التوسع في استهداف عبارات البحث التجارية بإضافة صفحات هبوط جديدة على قالب جاهز ومترابط.
- بناء حضور معرفي من خلال مدونة تدعم الظهور في محركات البحث ومحركات الإجابة بالذكاء الاصطناعي.
- تشغيل حملات بريدية من داخل الموقع نفسه بقوالب تعرض أعمال الوكالة وتقارير فتح واضحة.
- الاستجابة للعملاء المحتملين بسرعة بفضل الإشعارات الفورية وقنوات واتساب المدمجة.
- خدمة جمهور عربي وإنجليزي بتجربة متكافئة، مع بوابة مخصصة لعملائها الحاليين.
ويعكس هذا المشروع خبرة Younex في بناء مواقع الوكالات والشركات التي تجمع بين التصميم والمحتوى والبنية التقنية، وهو ما نقدمه أيضاً ضمن خدمة تحسين محركات البحث. وإذا كانت وكالتك أو شركتك تحتاج إلى منصة مماثلة، يمكنك التواصل مع فريق Younex لمناقشة مشروعك.
الأسئلة الشائعة
ما نوع الموقع الذي نفّذته Younex لوكالة IECC؟
نفّذت Younex موقع وكالة تسويق متعدد الأقسام وثنائي اللغة، يضم صفحات مستقلة للخدمات، ودراسات حالة، ومعرض تصاميم، ومدونة، وأسئلة شائعة، وصفحات هبوط موجهة، مع لوحة تحكم مخصصة وبوابة دخول للعملاء.
هل يدعم موقع IECC اللغتين العربية والإنجليزية؟
نعم، العربية هي اللغة الأساسية باتجاه من اليمين إلى اليسار، مع نسخة إنجليزية كاملة بتخطيط من اليسار إلى اليمين، ووسوم hreflang تساعد محركات البحث على عرض النسخة المناسبة لكل مستخدم.
هل يستطيع فريق الوكالة إضافة المشاريع والتصاميم بنفسه؟
نعم، توفر لوحة التحكم أدوات لإضافة دراسات الحالة بحقول عربية وإنجليزية، ورفع التصاميم دفعة واحدة مع إخفائها أو ترتيبها، وتُضغط الصور تلقائياً إلى صيغة WebP للحفاظ على سرعة الموقع.
كيف تُعرض دراسات الحالة في الموقع؟
تُعرض كل دراسة حالة بتنسيق مجلة يتضمن مقدمة وملخص التحدي والمنهجية ومحاور العمل وأرقاماً وصفية للمشروع، ثم معرض صور مقسماً حسب نوع التسليمات، مع بطاقات لأعمال أخرى مشابهة في نهاية الصفحة.
ما البيانات المنظمة المستخدمة في الموقع؟
يستخدم الموقع JSON-LD يشمل Organization وProfessionalService وكتالوج الخدمات وWebSite مع خاصية البحث، إلى جانب BreadcrumbList وFAQPage للأسئلة، وNewsArticle للمقالات، وCreativeWork لدراسات الحالة، وVideoObject لمقاطع الريلز.
هل يتضمن الموقع وضعاً داكناً؟
نعم، يتبع الموقع إعداد السمة في جهاز الزائر تلقائياً، مع زر في شريط التنقل للتبديل بين الوضعين الداكن والفاتح، ويُطبّق الاختيار قبل عرض الصفحة لتجنب الوميض.
هل يمكن إرسال حملات بريدية من خلال الموقع؟
نعم، تضم لوحة التحكم نظام حملات بريدية يتيح إدارة المشتركين واستيرادهم، واختيار القالب، والجدولة، والإرسال التدريجي في الخلفية، مع تتبع معدلات الفتح وتصدير التقارير ورابط إلغاء اشتراك في كل رسالة.
ما التقنيات المستخدمة في بناء موقع IECC؟
بُني الموقع بلغة PHP مخصصة وقاعدة بيانات MySQL وJavaScript خالص وCSS بمتغيرات للسمات، مع بيانات JSON-LD وخريطة موقع ديناميكية ومولّد صور مشاركة، ويعمل على خادم LiteSpeed مع طبقة Cloudflare.