تقويم الحملات والمناسبات التسويقية — عام | الأطلس

نفس المطالبة بفراغات [ اسم المتجر ] و [ رابط الموقع ] و [ المنتجات ] و [ ألوان الهوية ] — لأي متجر تجزئة .

مطالبة إنشاء تقويم تسويقي HTML — قالب عام قابل للملء لأي براند

المطلوب : أنشئ ملف HTML واحداً كاملاً وجاهزاً للتشغيل باسم [ اسم-الملف ]-marketing-calendar.html ، تفاعلياً واحترافياً ، باللغة العربية ، اتجاهه من اليمين إلى اليسار RTL ، يعمل مباشرةً في المتصفح دون تثبيت أي مكتبات أو تشغيل خادم .

١ . الهدف والنطاق الزمني

أنشئ تقويماً تسويقياً سنوياً لـ [ اسم المتجر ] ، يبدأ من تاريخ التنفيذ الفعلي ويمتد عاماً كاملاً واحداً فقط ، ويوضح أهم المناسبات التي يستطيع المتجر استغلالها في الحملات الإعلانية والعروض التسويقية .

مثال : إذا نُفّذت المهمة بتاريخ 3 أغسطس 2026 ، فيغطي التقويم الفترة من 3 أغسطس 2026 إلى 3 أغسطس 2027 فقط .

اعتمد التوقيت الرسمي للمملكة العربية السعودية Asia/Riyadh في جميع الحسابات والأوقات . [ عدّل المنطقة الزمنية إذا كان السوق المستهدف مختلفاً ]

٢ . هوية المتجر والملفات المرفقة

المتجر : [ اسم المتجر ] — [ اسم الشركة أو الكيان القانوني ] ، [ المدينة ] ، منذ [ سنة التأسيس ] .
الموقع الإلكتروني الرسمي : [ رابط الموقع ]
ملف الشعار المرفق : [ اسم ملف الشعار ]

وصف الشعار : [ صف الشعار : المقاس ، الخلفية ، الألوان ، النصوص والرموز التي يتضمنها ] . تعامل معه باعتباره الأصل الرسمي المعتمد ؛ لا تنشئ شعاراً بديلاً ، ولا تعِد رسمه ، ولا تغيّر النصوص أو الرموز داخله .

قواعد استخدام الشعار :
- استخدم ملف الشعار المرفق نفسه داخل التصميم ، وحافظ على نسبه الأصلية دون تمديد أو ضغط أو تشويه .
- يجوز قص المساحات الزائدة حوله فقط عند الضرورة لتحسين الظهور ، بشرط عدم قص أي جزء من الرمز أو النصوص داخله .
- لا تزل خلفية الشعار آلياً إذا كان ذلك سيؤثر في حوافه أو جودة نصوصه .
- في الوضع الفاتح : ضع الشعار داخل حاوية أنيقة بحواف ناعمة تناسب هويته ليحافظ على وضوحه . [ حدد لون الحاوية المناسب لخلفية الشعار ]
- في الوضع الداكن : اجعل حاوية الشعار مندمجة مع الخلفية مع حد خفيف عند اللزوم . [ حدد لون الحد المناسب للهوية ]
- اجعله متجاوباً مع الجوال والتابلت والكمبيوتر ، ولا تدعه يطغى على عنوان التقرير أو يقلّص مساحة الجدول .
- أظهره في نسخة الطباعة أعلى التقرير بحجم واضح ومناسب .
- النص البديل لأغراض Accessibility : [ النص البديل للشعار ] .
- اجعله قابلاً للنقر وينقل إلى رابط المتجر في نافذة جديدة باستخدام target="_blank" rel="noopener noreferrer" .
- اضغط نسخة الويب إلى حجم مناسب دون فقد ملحوظ في الجودة .
- ادمج الشعار داخل الملف بصيغة Base64 ما دام المطلوب ملف HTML واحداً . لا تضع أي مسار محلي في النسخة النهائية مثل C:\Users\... أو /mnt/data/... .
- إذا تعذّر الدمج دون تضخم غير مقبول ، فأنشئ مجلداً منظماً يحوي index.html و assets/logo.png ويُسلّم داخل ملف ZIP واحد ، مع بقاء ملف HTML الواحد المستقل هو الخيار الأفضل .

٣ . التحقق من التواريخ

تحقق من جميع التواريخ من مصادر رسمية أو موثوقة وحديثة قبل إدراجها ، ولا تعتمد على الذاكرة وحدها ، ولا تضع تاريخاً تقديرياً على أنه نهائي . راجع خصوصاً :
- تقويم أم القرى أو المصادر الرسمية للتواريخ الهجرية .
- وزارة التعليم السعودية لتحديد نهاية العام الدراسي وبداية الإجازة الصيفية .
- الجهات الحكومية السعودية المختصة بالمناسبات الوطنية .
- المصادر الموثوقة لتاريخ الجمعة البيضاء .
[ عدّل قائمة المصادر بما يناسب سوق البراند ومناسباته ]

ضع ملاحظة واضحة بجانب رمضان وعيد الفطر وعيد الأضحى بأن التاريخ قد يتغير يوماً واحداً وفق رؤية الهلال والإعلان الرسمي في المملكة .

لموسمَي التخرج والزواجات :
- اربط موسم التخرج بالفترة السابقة لنهاية العام الدراسي وبداية الإجازة الصيفية .
- اربط موسم الزواجات ببداية الإجازة الصيفية ونهاية العام الدراسي وفق التقويم الرسمي لوزارة التعليم .
- إذا لم يُنشر التقويم الرسمي للعام المطلوب أو كانت بياناته غير مكتملة ، فاذكر بوضوح أن التاريخ تقديري مع بيان مصدر التقدير .

٤ . المناسبات المطلوبة

أدرج المناسبات التالية فقط دون إضافة غيرها : [ عدّل هذه القائمة لتناسب مناسبات البراند وسوقه ]
1 . رمضان .
2 . عيد الفطر .
3 . عيد الأضحى .
4 . موسم الزواجات المرتبط ببداية الإجازة الصيفية ونهاية العام الدراسي .
5 . موسم التخرج المرتبط بالفترة السابقة لبداية الإجازة الصيفية ونهاية العام الدراسي .
6 . يوم الأم العربي .
7 . يوم الأب .
8 . يوم الحب .
9 . اليوم الوطني السعودي .
10 . يوم التأسيس السعودي .
11 . يوم العلم السعودي .
12 . الجمعة البيضاء .

إذا تكررت مناسبة مرتين داخل فترة العام الكامل ، فأدرج كل تاريخ في صف مستقل . ورتّب المناسبات زمنياً من الأقرب إلى الأبعد ابتداءً من تاريخ اليوم .

٥ . أعمدة الجدول

أنشئ الجدول بالأعمدة التالية وبهذا الترتيب :
| المناسبة | تاريخ المناسبة | موعد إطلاق الحملة | المنتجات الأنسب | الفكرة الإعلانية | الأولوية |

٦ . عمود المناسبة

اعرض : اسم المناسبة ، وتصنيفها داخل Badge صغير ( دينية / وطنية / اجتماعية / تجارية / تعليمية ) ، وأي تنبيه مهم مثل : تاريخ متوقع أو مرتبط بإعلان رسمي .

٧ . عمود تاريخ المناسبة

يتضمن : اسم اليوم ، والتاريخ الميلادي ، والتاريخ الهجري عند توفره ، والفترة الزمنية إذا كانت المناسبة موسماً لا يوماً واحداً ( بتاريخ البداية والنهاية عند الإمكان ) ، وبياناً واضحاً إذا كان التاريخ تقديرياً أو قابلاً للتغيير ، وعدد الأيام المتبقية على المناسبة محسوباً تلقائياً باستخدام JavaScript .

٨ . عمود موعد إطلاق الحملة

حدد موعداً عملياً ودقيقاً لكل مناسبة يتضمن : تاريخ بدء التهيئة Awareness ، واليوم ، والساعة المقترحة للإطلاق ، وتوقيت السعودية Asia/Riyadh ، وعدد الأيام أو الأسابيع قبل المناسبة ، وتاريخ بدء مرحلة Consideration أو جمع التفاعل عند الحاجة ، وتاريخ بدء مرحلة Conversion أو العروض المباشرة ، ومدة استمرار الحملة المقترحة ، وتاريخ ووقت رفع الميزانية في الأيام الأخيرة ، وتاريخ ووقت إيقاف الحملة أو خفض الميزانية بعد انتهاء المناسبة ، ونافذة الشحن الأخيرة للطلبات التي يجب أن تصل قبل المناسبة إذا كانت مناسبة إهداء .

لا تجعل جميع الحملات تبدأ في التوقيت نفسه ؛ اختر توقيت الإطلاق حسب طبيعة المناسبة وسلوك الشراء المتوقع ، واستخدم أوقاتاً عملية مثل 10:00 صباحاً و 1:00 ظهراً و 7:00 مساءً و 9:00 مساءً . واكتب جميع الأوقات بصيغة واضحة مثل : الأحد 6 سبتمبر 2026 ، الساعة 7:00 مساءً بتوقيت السعودية .

اجعل التوصيات مناسبة للتجارة الإلكترونية في [ السوق المستهدف ] ، مع مراعاة سلوك الشراء المتوقع لفئة [ نوع المنتجات ] ( مثل ارتفاع التفاعل في وقت معين من اليوم ) ، وأن الحملات تحتاج فترة Learning و Remarketing قبل مرحلة الضغط البيعي .

٩ . المنتجات المتوفرة والقيود

منتجات المتجر المتوفرة : [ قائمة المنتجات المتوفرة — اذكرها بالتفصيل مع فئاتها ] .
[ نوع المنتجات : حدد فئة البراند العامة ]

القيود العامة على الاقتراح : [ اذكر أي منتجات أو فئات ممنوع اقتراحها لأنها غير متوفرة في المتجر ] .

فئات خاصة عابرة للجمهور ( إن وُجدت ) : [ اذكر المنتجات الصالحة لأكثر من جمهور مثل الهدايا المشتركة أو المنتجات المناسبة للرجال والنساء معاً ] .

قيود وتركيز خاص بكل مناسبة : [ لكل مناسبة حسّاسة ، حدد المنتجات التي يجب التركيز عليها والمنتجات التي يجب تجنّب اقتراحها ] . أمثلة على القالب :
- يوم الأب : ركّز على [ المنتجات المناسبة كهدية للأب ] ، وتجنّب [ المنتجات غير المناسبة أو غير المتوفرة ] .
- يوم الحب : ركّز على [ منتجات الهدايا بين الأزواج والخطّاب ] مع إمكانية استهداف الشراء الذاتي Self-purchase .
- موسم التخرج : ركّز على [ هدايا الخريجين والخريجات ] .
- موسم الزواجات : ركّز على [ منتجات العرائس وهدايا الزواج ] .

١٠ . عمود المنتجات الأنسب

لكل مناسبة اذكر من 2 إلى 5 فئات منتجات مناسبة فعلياً من المتوفر ، وميّز بين : منتجات أساسية للحملة ، ومنتجات مساندة للـ Upsell أو Cross-sell ، ومنتجات مناسبة كهدية ، ومنتجات مناسبة للادخار [ احذف هذا التمييز الأخير إن لم يكن ملائماً لفئة المنتجات ] . ولا تستخدم أوصافاً عامة مثل « جميع المنتجات » إلا إذا كان ذلك مبرراً بوضوح .

١١ . عمود الفكرة الإعلانية

ضع فكرة عملية ومختصرة لكل مناسبة تشمل : زاوية الحملة ، والرسالة الأساسية ، والجمهور الأساسي ، ونوع العرض المقترح ، و CTA مناسباً ، واقتراحاً مختصراً للـ Creative ، وقناة الإعلان الأنسب عند الحاجة مثل Meta Ads أو Google Ads أو Snapchat Ads ، ومرحلة Funnel مناسبة مثل Prospecting أو Remarketing .

استخدم عروضاً تليق بهوية البراند ، مثل : [ اذكر أنواع العروض المناسبة للبراند ، مثل خصم على قيمة الخدمة أو المصنعية ، وتوصيل مجاني ، وتغليف هدايا مجاني ، وهدية مع الطلب وفق حد شراء محدد ، وتقسيط عبر Tabby أو Tamara ، وعرض Bundle ، وعرض لفترة محدودة ، ومجموعة محدودة الإصدار ، وقسيمة للطلب القادم ، وشحن مؤمّن للطلبات ] .

تجنب الخصومات المبالغ فيها التي تضر بهوية البراند ، ولا تستخدم عبارات تضمن أرباحاً مؤكدة أو ادعاءات غير مثبتة . [ أضف أي محاذير خطابية خاصة بمجال البراند ]

١٢ . عمود الأولوية

استخدم إحدى الدرجات فقط : مرتفعة جداً / مرتفعة / متوسطة / منخفضة ، واعرضها داخل Badge ملون واضح . واستخدم ترتيباً رقمياً داخلياً للفرز : مرتفعة جداً = 4 ، مرتفعة = 3 ، متوسطة = 2 ، منخفضة = 1 .

١٣ . الهوية البصرية

استخرج الهوية من الشعار المرفق ، معتمداً على [ ألوان الهوية الأساسية ] . ولا تستخدم ألواناً زاهية أو خارجة عن الهوية . واستخدم CSS Variables لإدارة الألوان في الوضعين .

الوضع الفاتح : خلفية فاتحة راقية ، بطاقات فاتحة ، لون بارز للعناوين والحدود ، نص داكن واضح ، استخدام محدود للون الثانوي في الفواصل والتفاصيل ، ظلال خفيفة احترافية .
ألوانه المقترحة : [ أدرج قيم الألوان بصيغة HEX للوضع الفاتح — الخلفية ، البطاقات ، العناوين ، النص ، الحدود ، اللون الثانوي ] .

الوضع الداكن : خلفية داكنة فاخرة ، بطاقات داكنة ، عناوين بلون بارز ، نصوص فاتحة واضحة ، حدود خفيفة ، تباين مرتفع مريح للقراءة .
ألوانه المقترحة : [ أدرج قيم الألوان بصيغة HEX للوضع الداكن — الخلفية ، البطاقات ، العناوين ، النص ، الحدود ، اللون الثانوي ] .

١٤ . القسم العلوي Header

أضف Header احترافياً يحتوي على : الشعار الرسمي المرفق ، والاسم العربي « [ الاسم العربي للمتجر ] » ، والاسم الإنجليزي [ الاسم الإنجليزي للمتجر ] ، وعبارة Since [ سنة التأسيس ] ، وعنوان الصفحة « التقويم السنوي للحملات والمناسبات التسويقية » ، والفترة الزمنية التي يغطيها الجدول ، وتاريخ آخر تحديث ، وتنبيهاً مختصراً « التواريخ الإسلامية والتعليمية قابلة للتحديث وفق الإعلانات الرسمية في المملكة العربية السعودية » ، وزراً واضحاً « زيارة المتجر الإلكتروني » .

اجعل الشعار وزر المتجر رابطين قابلين للنقر إلى رابط المتجر الرسمي . واجعل الـ Header متوازناً على الجوال والكمبيوتر والطباعة . ولا تكرر نصوص الشعار بطريقة مزعجة ؛ يمكن عرض اسم المتجر وعنوان التقرير بجانبه بصورة منظمة .

١٥ . الخصائص التفاعلية

أضف :
1 . زر تبديل بين الوضع الفاتح والداكن .
2 . حفظ اختيار الوضع تلقائياً باستخدام localStorage .
3 . مربع بحث داخل المناسبات والمنتجات والأفكار الإعلانية .
4 . فلتر حسب الأولوية .
5 . فلتر حسب نوع المناسبة ( دينية / وطنية / اجتماعية / موسم تجاري / موسم تعليمي ) .
6 . فلتر حسب الفترة الزمنية ( خلال 30 يوماً / 90 يوماً / 6 أشهر / عام ) .
7 . زر إعادة ضبط البحث والفلاتر .
8 . زر طباعة الجدول .
9 . زر عرض جميع التفاصيل أو اختصارها .
10 . زر فرز الجدول تصاعدياً أو تنازلياً .
11 . إظهار عدد المناسبات الظاهرة بعد تطبيق الفلاتر .
12 . تصميم Responsive يعمل على الجوال والتابلت والكمبيوتر .
13 . تحويل كل صف إلى بطاقة سهلة القراءة على الجوال بدلاً من جدول عريض .
14 . تثبيت رأس الجدول Sticky Header عند التمرير على الكمبيوتر .
15 . إظهار Tooltip مختصر عند المرور فوق بعض المصطلحات التقنية .
16 . دعم التنقل بلوحة المفاتيح .
17 . استخدام aria-label للعناصر التفاعلية .

١٦ . الفرز

أضف فرز الجدول حسب : تاريخ المناسبة ، وموعد إطلاق الحملة ، والأولوية ، ونوع المناسبة ، وعدد الأيام المتبقية . ويجب أن يعمل الفرز فعلياً باستخدام JavaScript .

١٧ . الملخص التنفيذي

قبل الجدول أضف بطاقات إحصائية صغيرة توضح : عدد المناسبات الإجمالي ، وعدد المناسبات ذات الأولوية المرتفعة جداً ، وعدد المناسبات ذات الأولوية المرتفعة ، وأقرب مناسبة قادمة ، وأقرب موعد يجب فيه إطلاق حملة ، وعدد الأيام المتبقية لأقرب حملة ، وعدد الحملات التي يجب إطلاقها خلال 30 يوماً ، و [ عدد الحملات المرتبطة بفئة المنتجات الأولى ] ، و [ عدد الحملات المرتبطة بفئة المنتجات الثانية ] . [ عدّل بطاقتَي التصنيف الأخيرتين لتناسب فئات منتجات البراند ] . وتُحسب هذه البيانات تلقائياً باستخدام JavaScript وفق التاريخ الحالي والفلاتر النشطة .

١٨ . الطباعة على A4

جهّز CSS مخصصاً للطباعة باستخدام @media print وفق المتطلبات : مقاس الورق A4 ، اتجاه أفقي landscape ، هوامش مناسبة ، إزالة أزرار التحكم والفلاتر ، إزالة الظلال والعناصر التفاعلية غير الضرورية ، منع انقسام الصف الواحد بين صفحتين قدر الإمكان ، تكرار رأس الجدول في كل صفحة ، أحجام خطوط واضحة ، الحفاظ على الألوان الأساسية بصورة مناسبة للطباعة ، إظهار الشعار أعلى التقرير ، وإضافة عنوان « التقويم التسويقي لـ [ اسم المتجر ] » وأسفله فترة التقرير ، وتاريخ إنشاء الملف ، ورابط المتجر الإلكتروني كنص واضح ، ورقم الصفحة في التذييل إن أمكن باستخدام CSS للطباعة ، وعدم طباعة الخلفيات الكبيرة الداكنة للشعار بصورة تستهلك حبراً زائداً ( يمكن استخدام نسخة محسّنة للطباعة مع الحفاظ على الهوية ) ، والتأكد من عدم خروج أي عمود خارج حدود الصفحة .

إذا لم يتسع الجدول على A4 رغم تقليل الخط والهوامش ، فاستخدم أحد الحلول التالية بالترتيب : تقليل المسافات الداخلية Padding ، ثم اختصار التفاصيل في الطباعة مع إبقائها كاملة على الشاشة ، ثم استخدام حجم خط أصغر لكن مقروء ، ثم تقسيم التفاصيل الطويلة داخل الخلايا بطريقة منظمة .

١٩ . قسم المصادر

أضف أسفل الصفحة قسماً بعنوان « مصادر التواريخ » يحتوي لكل مصدر على : اسم الجهة أو المصدر ، ورابط المصدر ، وتاريخ التحقق ، ونوع البيانات التي جرى التحقق منها . واستخدم مصادر مثل : وزارة التعليم السعودية ، ووكالة الأنباء السعودية أو الجهات الحكومية المختصة بالمناسبات الوطنية ، وتقويم أم القرى أو المصادر الرسمية للتواريخ الهجرية ، والمصادر الموثوقة لتاريخ الجمعة البيضاء . [ عدّل قائمة المصادر بما يناسب سوق البراند ] . ولا تضع روابط غير موثوقة إذا توفر مصدر رسمي أفضل .

٢٠ . المتطلبات التقنية

- استخدم HTML و CSS و JavaScript داخل ملف واحد فقط ، دون أي Framework ودون أي مكتبات خارجية ضرورية لتشغيل الصفحة .
- لا تعتمد على اتصال بالإنترنت بعد إنشاء الملف .
- استخدم خطاً عربياً مناسباً مع خطوط بديلة آمنة في النظام .
- اكتب الكود كاملاً دون اختصارات أو أجزاء ناقصة ، وتأكد من خلوه من أخطاء JavaScript .
- تأكد من عمل الوضع الفاتح والداكن والطباعة والبحث والفلاتر والفرز .
- استخدم Semantic HTML والتزم بمعايير Accessibility ، واجعل تباين الألوان واضحاً في الوضعين .
- استخدم بيانات منظمة داخل JavaScript ليسهل تحديث المناسبات لاحقاً ، وأضف تعليقات مختصرة داخل الكود توضح أماكن تحديث التواريخ والبيانات .
- اجعل الملف جاهزاً للتنزيل والتشغيل فوراً ، ولا تسلّم مقتطفات كود فقط ، ولا تضع عبارات مثل « أكمل بقية البيانات بنفس النمط » ، ولا تستخدم بيانات وهمية أو تواريخ غير متحقق منها .

٢١ . مراجعة الجودة قبل التسليم

نفّذ قبل التسليم : التحقق من جميع التواريخ من مصادر حديثة موثوقة ؛ التأكد من أن المدة تبدأ من تاريخ التنفيذ وتمتد عاماً كاملاً فقط ؛ التأكد من ترتيب المناسبات من الأقرب إلى الأبعد ؛ التأكد من الالتزام بقيود المنتجات المحددة للبراند ( ما يُقترح وما يُتجنّب ) ؛ التأكد من إضافة موعد إطلاق الحملة بالتاريخ واليوم والساعة ؛ التأكد من وجود مراحل Awareness و Conversion وموعد الإيقاف لكل حملة ؛ اختبار الوضع الفاتح ، والوضع الداكن ، وحفظ الوضع في localStorage ، والبحث والفلاتر والفرز ، وعرض الجوال ، والطباعة على ورق A4 أفقي ؛ التأكد من ظهور الشعار دون تشويه أو قص ؛ التأكد من عمل رابط الشعار وزر زيارة المتجر ؛ التأكد من خلو الملف النهائي من المسارات المحلية ؛ التأكد من خلو Console من الأخطاء ؛ التأكد من إمكانية استخدام جميع الأزرار بلوحة المفاتيح ؛ التأكد من وضوح النصوص العربية واتجاه RTL ؛ ومراجعة الملف بصرياً للتأكد من توافق الهوية مع الشعار المرفق .

٢٢ . المخرجات المطلوبة

سلّم : ملف HTML النهائي باسم [ اسم-الملف ]-marketing-calendar.html جاهزاً للفتح مباشرةً في المتصفح ومحتوياً على الشعار المرفق مدمجاً قدر الإمكان ؛ فإذا تعذّر ملف HTML واحد فسلّم ملف ZIP منظماً جاهزاً للتشغيل . وأرفق ملخصاً قصيراً يوضح : الفترة التي يغطيها التقويم ، وعدد المناسبات ، والمصادر الأساسية المستخدمة ، وأي تواريخ ما زالت تقديرية . ولا تكتفِ بعرض الكود داخل المحادثة ، بل أنشئ الملف الفعلي وقدّمه جاهزاً للتحميل .