سراج للحلول التنموية · متجر سلة · ثيم أنجز
Go Digital or Go Home
قوالب الصفحات وترتيبها
المتجر فيه ١٦ صفحة، لكنها مبنية على ٤ قوالب فقط + استثناء واحد.
كل صفحات القوائم تشترك في نفس الهيكل، وكل صفحات التفاصيل كذلك. هذا يقلّل وقت التنفيذ،
ويجعل إضافة أي فعالية أو برنامج جديد لاحقاً لا تحتاج تصميماً من جديد.
القوالب الأربعة
الفعاليات
البرامج التدريبية
ورش العمل
المنتجات الاستشارية
مسار الشراء
صفحات التعريف
القالب أ صفحة قائمة (Listing)تُستخدم في: الفعاليات · البرامج التدريبية · ورش العمل · المنتجات الاستشارية. أربع صفحات، هيكل واحد.
صورة + عنوان القسم + جملة واحدة تشرح لمن هذا القسم
الرئيسية ← اسم القسم
العمود الرئيسي
٣ في الصف على الشاشة · ١ على الجوال · ترتيب افتراضي: الأقرب موعداً أولاً
العمود الجانبي
تختلف حسب القسم — التفاصيل في تبويب كل قسم
الفعالية القادمة أو دعوة للتواصل
دعوة لطلب حل مخصّص — يلتقط الجهة التي لم يناسبها المعروض
القالب ب صفحة تفصيل (Detail)تُستخدم في: البرنامج التدريبي · الورشة · المنتج الاستشاري. عمودان: محتوى + عمود شراء ثابت.
العمود الرئيسي
الاسم · المدة · حضوري أو أونلاين · جهة الاعتماد
لمن هذا · ماذا ستحقق بعده · المحاور
عمود الشراء — ثابت أثناء التمرير
السعر · المقاعد المتبقية · الموعد · زر التسجيل · زر «طلب عرض سعر للجهات»
جوال شريط شراء ثابت أسفل الشاشة
على الجوال يختفي العمود الجانبي ويتحوّل لشريط ثابت أسفل: السعر + زر التسجيل
القالب ج صفحة تعريفيةتُستخدم في: من نحن · قطاعاتنا · شركاؤنا واعتماداتنا. الفرق الوحيد عن أي موقع تعريفي: كل صفحة تنتهي بمسار بيع.
لا تنتهي أي صفحة تعريفية بلا زر — إما تسجيل في الملتقى أو تواصل للجهات
استثناء صفحة الفعالية المخصّصةلا تتبع أي قالب. تصميم خاص كامل — تفاصيلها في تبويب «الفعاليات».
لماذا القوالب وليس صفحات منفصلة
إضافة برنامج تدريبي جديد بعد الإطلاق = إدخال بيانات فقط، بلا تصميم ولا تطوير.
أي تحسين على القالب ينعكس على كل صفحاته دفعة واحدة.
تجربة موحّدة: الزائر يتعلّم الصفحة مرة، ويعرف مكان زر التسجيل في كل صفحة بعدها.
وقت التنفيذ في V1 يقل بشكل ملموس مقابل تصميم كل صفحة على حدة.
١ · صفحة الفعاليات — قائمة القالب أ
«فعاليات سراج» + جملة عن الجمهور المستهدف
مهم
ملتقى أفضل الممارسات + عدّاد تنازلي + زر تسجيل. لا تُعرض ضمن الشبكة العادية
العمود الرئيسي
بطاقة: الصورة · الاسم · التاريخ · افتراضي/حضوري · وسم حالة التسجيل
المنتهية تبقى منشورة — تبني الثقة وتثبت السجل
العمود الجانبي
النوع: افتراضي / حضوري · الرسوم: مجاني / مدفوع · التاريخ
٢ · صفحة الفعالية المخصّصة تصميم خاص
هذه أهم صفحة في المتجر. الترتيب هنا مقصود: نبني الرغبة قبل عرض الرسوم.
اسم الملتقى · التاريخ · «فعالية افتراضية» · شعار Social Value International · زر تسجيل رئيسي
الفكرة · لمن هذا الملتقى · ماذا يخرج به المشارك
قبل عرض الرسوم — الثقة أولاً
اليوم الأول: جلسات حوارية مجانية · تُعرض بتبويب قابل للطي حسب اليوم
بطاقات: الصورة · الاسم · الجهة · نبذة مختصرة · دوليون ومحليون
يسار: الجلسات الحوارية (مجاني) · يمين: ورش العمل الأربع (مدفوع)
لكل ورشة: العنوان · المدرّب · السعر · المقاعد المتبقية · صندوق اختيار
هل الحضور عن بُعد؟ · هل توجد شهادة؟ · كيف تسجّل جهة عدة موظفين؟ · الفوترة
ثابت شريط التسجيل الملاصق
يظهر بعد تمرير أول شاشة ويبقى: اسم الملتقى + التاريخ + زر التسجيل
ملاحظات على صفحة الفعالية
الشركاء (٣) قبل الأجندة والرسوم. جهة حكومية تقرّر بناءً على الاعتماد قبل التفاصيل.المسار المجاني معروض بنفس بروز المدفوع. التسجيل المجاني يبني قاعدة بيانات، والورش تُباع لاحقاً لنفس القائمة.ملخّص الاختيار (٨) يمنع فقدان التسجيل. الجهة تختار عدة ورش في طلب واحد بدل العودة كل مرة.احتياج محتوى منكم: الأجندة النهائية · أسماء المتحدثين ونبذهم · أسعار الورش وعدد المقاعد.
٣ · صفحة البرامج التدريبية — قائمة القالب أ
فصل واضح — طبيعة الشراء مختلفة بين الاثنين
العمود الرئيسي
بطاقة: الاسم · عدد الساعات · حضوري/أونلاين · شعار جهة الاعتماد إن وُجدت
العمود الجانبي
طريقة التقديم · المدة · جهة الاعتماد
يلتقط طلبات الجهات — أعلى قيمة من التسجيل الفردي
تُعرض منفصلة عن الشبكة — منتج مختلف في طبيعته ومدته
٤ · صفحة البرنامج المفرد القالب ب
العمود الرئيسي
اسم البرنامج + وسوم: المدة · طريقة التقديم · جهة الاعتماد
شعار الجهة المعتمدة + ما الذي يحصل عليه المتدرّب
عمود الشراء الثابت
السعر · الموعد أو «متاح فوراً» · المقاعد · زر التسجيل
٥ · صفحة ورش العمل — قائمة القالب أ
الورش الأربع مجمّعة مع رابط يعود لصفحة الملتقى
العمود الرئيسي
بطاقة: العنوان · المدة · الموعد · المقاعد المتبقية
العمود الجانبي
التاريخ · المدة · مرتبطة بالملتقى أم مستقلة
٦ · صفحة الورشة المفردة القالب ب
العمود الرئيسي
يمنع التسجيل غير المناسب ويقلّل طلبات الاسترداد
عمود الشراء الثابت
السعر · الموعد · المقاعد المتبقية بشكل بارز
فرق جوهري
المقاعد المتبقية تُعرض بوضوح في الورش أكثر من أي قسم آخر — الندرة هي المحرّك هنا.ورشة مرتبطة بالملتقى يجب أن تحمل رابطاً واضحاً للعودة لصفحته، ولا تُباع بمعزل عن سياقها.
٧ · صفحة المنتجات الاستشارية — قائمة القالب أ
هذا القسم مختلف: أغلب مبيعاته لا تتم بالسلة بل بطلب عرض سعر. التصميم يعكس ذلك.
الحلول التنموية وجودة الحياة · الاستشارات وتطوير الأعمال · البحوث والدراسات
دراسات السوق · العميل السري · دراسات الجدوى · التحليل التنافسي · قياس رضا العملاء · قياس الأثر الاجتماعي
٨ · صفحة المنتج الاستشاري القالب ب — معدّل
العمود الرئيسي
تقرير · لوحة بيانات · عرض تقديمي — ملموس وواضح
لماذا لا سعر معروض هنا
الخدمات الاستشارية تُسعّر حسب نطاق العمل. عرض سعر ثابت إمّا يخسر مشاريع كبيرة أو يخيف الصغيرة.
البديل: نموذج طلب عرض سعر في مكان بطاقة الشراء تماماً — نفس البروز، نتيجة مختلفة.
إن رغبتم لاحقاً ببيع منتج استشاري بسعر ثابت، القالب يستوعبه بلا تغيير.
أربع صفحات من سلة، تعديلنا عليها تنسيقي فقط. القاعدة: أقصر مسار ممكن، وبيانات الجهة تُلتقط مرة واحدة.
٩ · السلة
لكل عنصر: الاسم · النوع (ورشة/برنامج) · الموعد · السعر
رابط لطلب فاتورة وعرض سعر بدل الدفع الفردي
١٠ · الدفع (Checkout)
مدى · آبل باي · تابي · تحويل بنكي للجهات
دفع آمن · فاتورة رسمية · تأكيد فوري
١١ · تأكيد الطلب
وصلتك رسالة · التذكير قبل الموعد · رابط الحضور للفعاليات الافتراضية
لحظة الشراء هي أفضل لحظة لعرض التالي
١٢ · حسابي وتسجيلاتي
المحتوى
القادم · المنتهي · رابط الحضور · الفاتورة
V2 شهادات الحضور
مكانها محجوز في التصميم، تُفعّل مع الإصدار الآلي في V2
هذه هي الـ ٣٠٪ التعريفية. لا تنتهي أي منها بلا مسار بيع.
١٣ · من نحن القالب ج
أن تصبح شركة وطنية رائدة في إدارة مشاريع الرؤية والتحول الوطني
تمكين المؤسسات من تحقيق تنمية مستدامة عبر حلول استشارية مبنية على المعرفة والبيانات
١٤ · قطاعاتنا القالب ج
الأسرة والطفولة · بيئة العمل · جودة الحياة الوظيفية · المبادرات المجتمعية · قياس الأثر الاجتماعي
الاستراتيجية ونماذج الأعمال · ابتكار المنتجات · الاستدامة المالية · التطوير المؤسسي
دراسات السوق · العميل السري · دراسات الجدوى · التحليل التنافسي · قياس رضا العملاء
كل قطاع يربط بمنتجاته في المتجر — هنا يتحوّل التعريف إلى بيع
١٥ · شركاؤنا واعتماداتنا القالب ج
الشعار · من هم · طبيعة الشراكة · ما يرتبط بها من برامج
ربط مباشر من الاعتماد إلى المنتج — هذا ما يجعل الصفحة تبيع
١٦ · تواصل معنا
جانبي
٩٢٠٠٠١٤٢٦ · info@seraj.com.sa
يقلّل الرسائل المتكرّرة ويسرّع الرد على الجاد منها
قاعدة حاكمة لهذه الصفحات
«نوع الطلب» في نموذج التواصل حقل إلزامي. يفرز طلب الجهة عن الاستفسار العام من أول لحظة.كل صفحة تعريفية تنتهي ببلوك ذهبي — لا استثناء. هذا ما يحوّل الـ ٣٠٪ إلى وقود للـ ٧٠٪.
ملخّص: الصفحات وقوالبها
الصفحة القالب ملاحظة الرئيسية خاصة ١٧ بلوك — في ملف المخطط المنفصل الفعاليات · البرامج · الورش · الاستشارية القالب أ ٤ صفحات بهيكل واحد البرنامج · الورشة · المنتج الاستشاري القالب ب ٣ صفحات بهيكل واحد صفحة الفعالية تصميم خاص الاستثناء الوحيد — أهم صفحة في المتجر من نحن · قطاعاتنا · شركاؤنا القالب ج ٣ صفحات بهيكل واحد السلة · الدفع · التأكيد · حسابي سلة تنسيق فقط، بلا إعادة بناء تواصل معنا مستقلة نموذج + بيانات