سراج للحلول التنموية · متجر سلة · ثيم أنجز
Go Digital or Go Home

قوالب الصفحات وترتيبها

المتجر فيه ١٣ صفحة تحتاج تصميماً، لكنها مبنية على ٤ قوالب فقط + استثناء واحد. كل صفحات القوائم تشترك في نفس الهيكل، وكل صفحات التفاصيل كذلك. هذا يقلّل وقت التنفيذ، ويجعل إضافة أي فعالية أو برنامج جديد لاحقاً لا تحتاج تصميماً من جديد.

صفحات السلة والدفع وتأكيد الطلب وحسابي جاهزة من منصة سلة ولا تقبل التعديل — لذلك هي خارج نطاق التصميم، ولا تحتاج منكم محتوى.

بنر / بلوك تصميم
صف أو شبكة منتجات
عنصر جاهز من سلة
نموذج أو خطوة تسجيل
تصميم خاص

٠ · الصفحة الرئيسية تصميم خاص

١٧ بلوك من أعلى الصفحة لأسفلها. الترتيب مبني على منطق القمع لا على الهيكل التنظيمي: الفعالية أولاً، ثم الثقة، ثم الأقسام، ثم الدعوة الختامية.

شريط إعلاني علوي متحرك (٣ رسائل)
التسجيل مفتوح للملتقى | برامج معتمدة من جهات رسمية | فوترة وعروض أسعار للجهات
الهيدر — الشعار · القائمة · بحث · السلة · حسابي
القائمة: الفعاليات · البرامج التدريبية · ورش العمل · المنتجات الاستشارية · من نحن · تواصل معنا
السلايدر الرئيسي — ٣ بنرات متحركة
بنر الملتقى (البطل) | بنر الهوية «حلول تنموية متكاملة» | بنر البرامج المعتمدة
النجم شريط الملتقى — عدّاد تنازلي + زر تسجيل
ملتقى أفضل الممارسات في الاستثمار الاجتماعي — أكتوبر ٢٠٢٦ · مساران: جلسات مجانية / ورش مدفوعة · الزر يفتح صفحة الفعالية المخصّصة
شريط الأقسام الأربعة المصوّرة
الفعاليات · البرامج التدريبية · ورش العمل · المنتجات الاستشارية
صف: الفعاليات القادمة (٢–٣ بطاقات)
كل بطاقة: الاسم · التاريخ · افتراضي/حضوري · حالة التسجيل
بنر عريض: عن الملتقى والشراكة الدولية
بالشراكة مع Social Value International — الشبكة الدولية للقيمة الاجتماعية
شريط الشركاء والاعتمادات (٤ شعارات)
Social Value International · مركز المبدعون — جامعة الملك عبدالعزيز · المركز الوطني للدراسات والبحوث الاجتماعية · هيئة التخصصات الطبية
صف منتجات: البرامج التدريبية الأكثر طلباً (٦ برامج)
مع وسم لكل برنامج: عدد الساعات · حضوري أو أونلاين · جهة الاعتماد
بنر: الزمالة المهنية
منتج مستقل — بالشراكة مع مركز المبدعون
بنر: الشهادات الاحترافية أونلاين
الرخصة الدولية · رخصة STEM · الأساليب العلاجية
صف: ورش العمل
ورش الملتقى الأربع + الورش المستقلة · مقاعد محدودة لكل ورشة
بنر عريض: قطاعات سراج الثلاثة
الحلول التنموية وجودة الحياة · الاستشارات وتطوير الأعمال · البحوث والدراسات — هذا هو جزء الـ ٣٠٪ التعريفي
صف: المنتجات الاستشارية
دراسات السوق والجدوى · العميل السري · قياس الأثر الاجتماعي · التحليل التنافسي
شريط الأرقام والآراء
يُبنى من بياناتكم الفعلية — يبقى مخفياً حتى تصلنا الأرقام الحقيقية
بنر الدعوة الختامية
زرّان: «سجّل في الملتقى» (أساسي) · «تواصل معنا للجهات» (ثانوي — طلب عرض سعر)
شريط المميزات
برامج معتمدة | شهادات حضور | فوترة رسمية للجهات | دعم عبر ٩٢٠٠٠١٤٢٦
الفوتر
روابط الأقسام · من نحن · الشركاء · السياسات · وسائل الدفع (مدى · آبل باي · تابي) · التواصل

ملاحظات على ترتيب الرئيسية

  • البلوك ٤ هو أهم شيء في الصفحة. الزائر يجب أن يرى الملتقى وعدّاده قبل أي تمرير.
  • الشركاء (٨) قبل الأسعار. مع جمهور مؤسسي، الاعتماد يسبق السعر — لذلك يظهر مبكراً.
  • التعريف بالشركة (١٢) في المنتصف الأسفل لا في الأعلى. هذا ما يحقق معادلة ٣٠/٧٠.
  • البلوك ١٤ مؤجّل حتى تصلنا أرقامكم الحقيقية — يُخفى بدلاً من ملئه ببيانات غير مؤكدة.
  • البلوكات الرمادية جاهزة في ثيم أنجز ولا تحتاج تصميماً — تحتاج محتوى فقط.
  • عدد البنرات المطلوب تصميمها في الرئيسية: ٨ بنرات (٣ سلايدر + ٥ عرضية).

القالب أ صفحة قائمة (Listing)

تُستخدم في: الفعاليات · البرامج التدريبية · ورش العمل · المنتجات الاستشارية. أربع صفحات، هيكل واحد. عمود واحد بلا شريط فلاتر جانبي — الأقسام تُفصل بمجموعات معنونة بدلاً من الفلترة.

بنر رأس القسم
صورة + عنوان القسم + جملة واحدة تشرح لمن هذا القسم
مسار التنقل (Breadcrumb)
الرئيسية ← اسم القسم
شريط علوي بسيط: العدد + ترتيب سلة الافتراضي
بلا فلاتر — نستخدم أدوات الفرز الجاهزة في سلة كما هي
شبكة البطاقات (عمود كامل)
٣ في الصف على الشاشة · ١ على الجوال · حين تتعدّد الأنواع تُقسّم لمجموعات معنونة داخل الصفحة
ترقيم الصفحات
بلوك «لم تجد ما تبحث عنه؟»
دعوة لطلب حل مخصّص — يلتقط الجهة التي لم يناسبها المعروض

لماذا بلا فلاتر جانبية

  • الفلاتر المخصّصة صعبة التنفيذ على سلة وتتطلب برمجة خارج قدرات الثيم — إدراجها يخلق توقّعاً لا نستطيع الوفاء به.
  • البديل: مجموعات معنونة داخل الصفحة (مثال: «ورش الملتقى» ثم «ورش مستقلة») تعطي نفس الفرز البصري بلا آلية فلترة.
  • عدد العناصر في كل قسم محدود، فالتصفّح المباشر أسرع من الفلترة أصلاً.
  • أدوات الفرز الجاهزة في سلة (الأحدث، السعر) متاحة وتُستخدم كما هي دون تخصيص.

القالب ب صفحة تفصيل (Detail)

تُستخدم في: البرنامج التدريبي · الورشة · المنتج الاستشاري. عمودان: محتوى + عمود شراء ثابت.

مسار التنقل
العمود الرئيسي
الهيرو — العنوان والوسوم
الاسم · المدة · حضوري أو أونلاين · جهة الاعتماد
الوصف والمخرجات
لمن هذا · ماذا ستحقق بعده · المحاور
المدرّب أو الجهة المنفّذة
الشريك والاعتماد
الأسئلة الشائعة
صف: منتجات ذات صلة
عمود الشراء — ثابت أثناء التمرير
بطاقة الشراء
السعر · المقاعد المتبقية · الموعد · زر التسجيل · زر «طلب عرض سعر للجهات»
مشاركة وحفظ
جوال شريط شراء ثابت أسفل الشاشة
على الجوال يختفي العمود الجانبي ويتحوّل لشريط ثابت أسفل: السعر + زر التسجيل

القالب ج صفحة تعريفية

تُستخدم في: من نحن · قطاعاتنا · شركاؤنا واعتماداتنا. الفرق الوحيد عن أي موقع تعريفي: كل صفحة تنتهي بمسار بيع.

بنر رأس الصفحة
المحتوى — كتل نصية وبصرية متبادلة
شريط الشركاء والاعتمادات
دعوة ختامية إلزامية
لا تنتهي أي صفحة تعريفية بلا زر — إما تسجيل في الملتقى أو تواصل للجهات

استثناء صفحة الفعالية المخصّصة

لا تتبع أي قالب. تصميم خاص كامل — تفاصيلها في تبويب «الفعاليات».

لماذا القوالب وليس صفحات منفصلة

  • إضافة برنامج تدريبي جديد بعد الإطلاق = إدخال بيانات فقط، بلا تصميم ولا تطوير.
  • أي تحسين على القالب ينعكس على كل صفحاته دفعة واحدة.
  • تجربة موحّدة: الزائر يتعلّم الصفحة مرة، ويعرف مكان زر التسجيل في كل صفحة بعدها.
  • وقت التنفيذ في V1 يقل بشكل ملموس مقابل تصميم كل صفحة على حدة.
  • العناصر تُنشأ آلياً ثم تُحرّر — المحتوى والصور الافتراضية تُستبدل بمحتوى سراج الفعلي وصوره الحقيقية قبل الإطلاق. لذلك القالب يعتمد على البنية لا على محتوى بعينه.

١ · صفحة الفعاليات — قائمة القالب أ

بنر رأس القسم
«فعاليات سراج» + جملة عن الجمهور المستهدف
مسار التنقل
مهم بطاقة الفعالية القادمة — عرض مميّز بعرض الصفحة
ملتقى أفضل الممارسات + عدّاد تنازلي + زر تسجيل. لا تُعرض ضمن الشبكة العادية
تبويب: قادمة / منتهية
تبويبان بسيطان أعلى الشبكة — المنتهية تبقى منشورة لتبني الثقة وتثبت السجل
شبكة الفعاليات (عمود كامل)
بطاقة: الصورة · الاسم · التاريخ · افتراضي/حضوري · وسم حالة التسجيل
بلوك: تنظّمون فعالية؟ تواصلوا معنا

٢ · صفحة الفعالية المخصّصة تصميم خاص

هذه أهم صفحة في المتجر. الترتيب هنا مقصود: نبني الرغبة قبل عرض الرسوم.

الهيرو + العدّاد التنازلي
اسم الملتقى · التاريخ · «فعالية افتراضية» · شعار Social Value International · زر تسجيل رئيسي
عن الملتقى
الفكرة · لمن هذا الملتقى · ماذا يخرج به المشارك
شريط الشركاء
قبل عرض الرسوم — الثقة أولاً
الأجندة
اليوم الأول: جلسات حوارية مجانية · تُعرض بتبويب قابل للطي حسب اليوم
المتحدثون
بطاقات: الصورة · الاسم · الجهة · نبذة مختصرة · دوليون ومحليون
مسارا التسجيل — جنباً إلى جنب
يسار: الجلسات الحوارية (مجاني) · يمين: ورش العمل الأربع (مدفوع)
بطاقات ورش العمل الأربع
لكل ورشة: العنوان · المدرّب · السعر · المقاعد المتبقية · صندوق اختيار
ملخّص الاختيار
يتحدّث فورياً مع اختيار الورش · الإجمالي · زر «متابعة التسجيل»
الأسئلة الشائعة
هل الحضور عن بُعد؟ · هل توجد شهادة؟ · كيف تسجّل جهة عدة موظفين؟ · الفوترة
ثابت شريط التسجيل الملاصق
يظهر بعد تمرير أول شاشة ويبقى: اسم الملتقى + التاريخ + زر التسجيل

ملاحظات على صفحة الفعالية

  • الشركاء (٣) قبل الأجندة والرسوم. جهة حكومية تقرّر بناءً على الاعتماد قبل التفاصيل.
  • المسار المجاني معروض بنفس بروز المدفوع. التسجيل المجاني يبني قاعدة بيانات، والورش تُباع لاحقاً لنفس القائمة.
  • ملخّص الاختيار (٨) يمنع فقدان التسجيل. الجهة تختار عدة ورش في طلب واحد بدل العودة كل مرة.
  • احتياج محتوى منكم: الأجندة النهائية · أسماء المتحدثين ونبذهم · أسعار الورش وعدد المقاعد.

٣ · صفحة البرامج التدريبية — قائمة القالب أ

بنر رأس القسم
مسار التنقل
تبويبان: حضوري / شهادات أونلاين
فصل واضح — طبيعة الشراء مختلفة بين الاثنين. يقوم مقام الفلترة
شبكة البرامج الستة (عمود كامل)
بطاقة: الاسم · عدد الساعات · حضوري/أونلاين · شعار جهة الاعتماد إن وُجدت
بنر: تدريب لفريق كامل؟
يلتقط طلبات الجهات — أعلى قيمة من التسجيل الفردي
بنر عريض: الزمالة المهنية للإسناد الحكومي
تُعرض منفصلة عن الشبكة — منتج مختلف في طبيعته ومدته

٤ · صفحة البرنامج المفرد القالب ب

مسار التنقل
العمود الرئيسي
الهيرو
اسم البرنامج + وسوم: المدة · طريقة التقديم · جهة الاعتماد
لمن هذا البرنامج
المحاور والمخرجات
الشهادة والاعتماد
شعار الجهة المعتمدة + ما الذي يحصل عليه المتدرّب
الأسئلة الشائعة
صف: برامج ذات صلة
عمود الشراء الثابت
بطاقة الشراء
السعر · الموعد أو «متاح فوراً» · المقاعد · زر التسجيل
زر: طلب عرض سعر لجهة
نموذج قصير — لا يمر بالسلة

٥ · صفحة ورش العمل — قائمة القالب أ

بنر رأس القسم
مسار التنقل
مجموعة: ورش الملتقى
الورش الأربع مجمّعة داخل بلوك معنون مع رابط يعود لصفحة الملتقى
مجموعة: الورش المستقلة (عمود كامل)
بطاقة: العنوان · المدة · الموعد · المقاعد المتبقية — مجموعة معنونة تفصلها عن ورش الملتقى بلا فلترة
بلوك: ورشة خاصة لجهتكم

٦ · صفحة الورشة المفردة القالب ب

العمود الرئيسي
الهيرو — العنوان والموعد
ماذا سنغطّي
المدرّب
المتطلبات المسبقة
يمنع التسجيل غير المناسب ويقلّل طلبات الاسترداد
ورش أخرى في نفس المسار
عمود الشراء الثابت
بطاقة الشراء
السعر · الموعد · المقاعد المتبقية بشكل بارز

فرق جوهري

  • المقاعد المتبقية تُعرض بوضوح في الورش أكثر من أي قسم آخر — الندرة هي المحرّك هنا.
  • ورشة مرتبطة بالملتقى يجب أن تحمل رابطاً واضحاً للعودة لصفحته، ولا تُباع بمعزل عن سياقها.

٧ · صفحة المنتجات الاستشارية — قائمة القالب أ

هذا القسم مختلف: أغلب مبيعاته لا تتم بالسلة بل بطلب عرض سعر. التصميم يعكس ذلك.

بنر رأس القسم
مسار التنقل
ثلاث مجموعات حسب قطاعات سراج
الحلول التنموية وجودة الحياة · الاستشارات وتطوير الأعمال · البحوث والدراسات
شبكة المنتجات داخل كل مجموعة
دراسات السوق · العميل السري · دراسات الجدوى · التحليل التنافسي · قياس رضا العملاء · قياس الأثر الاجتماعي
بلوك طلب استشارة مخصّصة
أبرز من أي بطاقة — هذا هو المسار الأساسي في هذا القسم

٨ · صفحة المنتج الاستشاري القالب ب — معدّل

العمود الرئيسي
الهيرو — اسم الخدمة
المشكلة التي تحلّها
المنهجية ومراحل العمل
المخرجات التي تستلمها الجهة
تقرير · لوحة بيانات · عرض تقديمي — ملموس وواضح
المدة التقديرية
عمود الطلب الثابت
نموذج طلب عرض سعر
الجهة · المسؤول · الجوال · البريد · نبذة عن الاحتياج
زر: تحدّث مع مستشار

لماذا لا سعر معروض هنا

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

هذه هي الـ ٣٠٪ التعريفية. لا تنتهي أي منها بلا مسار بيع.

١٣ · من نحن القالب ج

بنر: حلول تنموية متكاملة
الرؤية
أن تصبح شركة وطنية رائدة في إدارة مشاريع الرؤية والتحول الوطني
الرسالة
تمكين المؤسسات من تحقيق تنمية مستدامة عبر حلول استشارية مبنية على المعرفة والبيانات
شريط الشركاء والاعتمادات
دعوة: تعرّف على خدماتنا / تواصل معنا

١٤ · قطاعاتنا القالب ج

بنر رأس الصفحة
القطاع الأول: الحلول التنموية وجودة الحياة
الأسرة والطفولة · بيئة العمل · جودة الحياة الوظيفية · المبادرات المجتمعية · قياس الأثر الاجتماعي
القطاع الثاني: الاستشارات وتطوير الأعمال
الاستراتيجية ونماذج الأعمال · ابتكار المنتجات · الاستدامة المالية · التطوير المؤسسي
القطاع الثالث: البحوث والدراسات
دراسات السوق · العميل السري · دراسات الجدوى · التحليل التنافسي · قياس رضا العملاء
دعوة: اطلب استشارة
كل قطاع يربط بمنتجاته في المتجر — هنا يتحوّل التعريف إلى بيع

١٥ · شركاؤنا واعتماداتنا القالب ج

بنر رأس الصفحة
بطاقة لكل شريك
الشعار · من هم · طبيعة الشراكة · ما يرتبط بها من برامج
صف: البرامج المعتمدة
ربط مباشر من الاعتماد إلى المنتج — هذا ما يجعل الصفحة تبيع
دعوة: شراكة مع سراج

١٦ · تواصل معنا

العمود الرئيسي
نموذج التواصل
الاسم · الجهة · الجوال · البريد · نوع الطلب (قائمة) · الرسالة
جانبي
بيانات التواصل
٩٢٠٠٠١٤٢٦ · info@seraj.com.sa
أوقات العمل
الأسئلة الشائعة
يقلّل الرسائل المتكرّرة ويسرّع الرد على الجاد منها

قاعدة حاكمة لهذه الصفحات

  • «نوع الطلب» في نموذج التواصل حقل إلزامي. يفرز طلب الجهة عن الاستفسار العام من أول لحظة.
  • كل صفحة تعريفية تنتهي ببلوك ذهبي — لا استثناء. هذا ما يحوّل الـ ٣٠٪ إلى وقود للـ ٧٠٪.

ملخّص: الصفحات وقوالبها

الصفحةالقالبملاحظة
الرئيسيةتصميم خاص١٧ بلوك — تبويب «الصفحة الرئيسية» أعلاه
الفعاليات · البرامج · الورش · الاستشاريةالقالب أ٤ صفحات بهيكل واحد
البرنامج · الورشة · المنتج الاستشاريالقالب ب٣ صفحات بهيكل واحد
صفحة الفعاليةتصميم خاصالاستثناء الوحيد — أهم صفحة في المتجر
من نحن · قطاعاتنا · شركاؤناالقالب ج٣ صفحات بهيكل واحد
السلة · الدفع · التأكيد · حسابي—جاهزة من سلة · خارج نطاق التصميم
تواصل معنامستقلةنموذج + بيانات
قوالب الصفحات وترتيبها — متجر سراج على منصة سلة · نسخة V1