الثقافة & الفنون الحية

Acte 2 Théâtre

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

السنة
2026
مدة التصميم
4 أسابيع
التقنيات
Next.js · React · Tailwind · Vercel
  • هندسة المعلومات
  • التصميم
  • التطوير
  • بيع التذاكر
  • SEO

نسخة تجريبية نشرتها Kayzen Web على عنوان Vercel؛ أما النطاق النهائي فهو ملك للعميل.

https://acte2theatre.vercel.app/
الصفحة الرئيسية لموقع Acte 2 Théâtre — الثقافة & الفنون الحية، من إنجاز Kayzen Web
جماهير، وخمسة مسارات
5
الأداء في Lighthouse
91/100
SEO في Lighthouse
100/100
نقطة الانطلاق

ما كان يجب حلّه.

السياق

Acte 2 Théâtre مسرح حيّ في Vaise، بالدائرة التاسعة في ليون. تستضيف القاعة عروضًا لجمهور الناشئة، ومسرحًا للكبار، وعروضًا مدرسية، وورشًا، كما تُؤجَّر لجهات أخرى.

القيد

خمسة أنشطة وخمسة جماهير: العائلات، والمتفرجون الكبار، والمعلمون، وطلاب الورش، ومنظّمو الفعاليات. كلٌّ يبحث عن معلومة مختلفة، وموقع مرتَّب زمنيًا يُضيّعهم جميعًا.

الحل

التنظيم بحسب الجمهور لا بحسب التقويم. لكل نشاط مدخله ومفرداته ومسار حجزه. التقويم موجود، لكن كعرض أفقي شامل — لا كبنية رئيسية.

نتائج مقيسة لا مُعلنة

النتائج المسجّلة عند التسليم.

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

PageSpeed
91
الأداء: 91 من 100
93
إمكانية الوصول: 93 من 100
100
أفضل الممارسات: 100 من 100
100
تحسين محركات البحث: 100 من 100
التصميم والإدارة الفنية

كل خيار، وسببه.

  1. مدخل لكل جمهور

    العائلات، والكبار، والمدارس، والورش، والتأجير. يتعرّف الزائر على نفسه من النظرة الأولى؛ أما تقويم يخلط الخمسة فسيجبره على الفرز.

  2. الجمهور المدرسي بجدية

    يبحث المعلمون عن ملف تربوي، ومستويات دراسية، ومدة العرض، وسعر للمجموعات. لهذه المعلومات صفحتها المخصصة؛ ولو وُضعت في مكان آخر لأثقلت على الجمهور العام.

  3. تأجير القاعة كعرض تجاري

    السعة، والتجهيزات التقنية، والأسعار، والتوافر. إنه مصدر دخل منتظم، يُنفى في الغالب إلى أسفل صفحة التواصل.

لوحة ألوان المشروع

  • أزرق ليلي

    #1C2A45

    الهوية

  • مرجاني

    #D65A4A

    جمهور الناشئة

  • كريمي

    #F6F2EA

    الخلفية

  • حبر

    #1B1D22

    النص

النظام الطباعي

العناوين

Outfit 700

النص الأساسي

Inter 400

معاصر عن قصد وغير «مسرحي»: تستقبل القاعة جمهور الناشئة أساسًا، ولغة بصرية شديدة الوقار كانت ستُبعد العائلات.

الهندسة

ما يوجد تحت الغطاء.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. بيع تذاكر مُفوَّض، يُحمَّل عند الطلب

    لا تُحمَّل وحدة بيع التذاكر إلا عند النقر. أداة خارجية حاضرة في كل الصفحات كانت ستُثقل الموقع بأكمله من أجل إجراء عارض.

  2. برنامج مُنمَّط البيانات

    العروض والمواعيد والجماهير والأسعار والمدد في ملف بيانات مشترك. ومنه تُشتق المداخل الخمسة والتقويم الشامل جميعًا.

تحسين محركات البحث

كيف يصبح الموقع قابلًا للعثور عليه.

  1. عائلة استعلامات لكل جمهور

    «عرض للأطفال في ليون»، «مسرح Vaise»، «رحلة مدرسية إلى المسرح في ليون»، «تأجير قاعة عروض في ليون 9». لم يكن بإمكان صفحة واحدة أن تخدم أيًّا منها.

  2. ترميز Event وPlace

    كل عرض هو Event مرتبط بعقدة Place تصف القاعة وسعتها وطريقة الوصول إليها.

هيكل الموقع

ما تم تسليمه.

  • الرئيسية — خمسة مداخل
  • جمهور الناشئة
  • مسرح الكبار
  • العروض المدرسية
  • الورش
  • استئجار القاعة
  • التقويم (عرض شامل)
المنهجية

مراحل سير المشروع.

  1. الهندسة

    تحديد خمسة جماهير، وبنية بحسب الجمهور لا بحسب التاريخ.

  2. التصميم

    مداخل مستقلة، ولغة بصرية عائلية.

  3. التطوير

    برنامج مُنمَّط البيانات، وبيع تذاكر مؤجَّل التحميل.

  4. SEO

    عائلة استعلامات لكل جمهور.

أسئلة

ما يُطرح علينا كثيرًا.

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

مستوى الإتقان نفسه، لموقعك.

تدقيق مجاني لموقعك الحالي، وعرض سعر خلال 24 ساعة، وتعليل مكتوب — مثل الذي قرأته للتو. الدفع على ثلاث دفعات دون رسوم إضافية، مع التحقق من برامج الدعم المحلية قبل التوقيع.

مشاركة