Acte 2 Théâtre
خمسة أنشطة في قاعة واحدة: كانت هندسة المعلومات هي المشروع كله.
- السنة
- 2026
- مدة التصميم
- 4 أسابيع
- التقنيات
- Next.js · React · Tailwind · Vercel
- هندسة المعلومات
- التصميم
- التطوير
- بيع التذاكر
- SEO
نسخة تجريبية نشرتها Kayzen Web على عنوان Vercel؛ أما النطاق النهائي فهو ملك للعميل.

- جماهير، وخمسة مسارات
- 5
- الأداء في Lighthouse
- 91/100
- SEO في Lighthouse
- 100/100
ما كان يجب حلّه.
السياق
Acte 2 Théâtre مسرح حيّ في Vaise، بالدائرة التاسعة في ليون. تستضيف القاعة عروضًا لجمهور الناشئة، ومسرحًا للكبار، وعروضًا مدرسية، وورشًا، كما تُؤجَّر لجهات أخرى.
القيد
خمسة أنشطة وخمسة جماهير: العائلات، والمتفرجون الكبار، والمعلمون، وطلاب الورش، ومنظّمو الفعاليات. كلٌّ يبحث عن معلومة مختلفة، وموقع مرتَّب زمنيًا يُضيّعهم جميعًا.
الحل
التنظيم بحسب الجمهور لا بحسب التقويم. لكل نشاط مدخله ومفرداته ومسار حجزه. التقويم موجود، لكن كعرض أفقي شامل — لا كبنية رئيسية.
النتائج المسجّلة عند التسليم.
نتائج Lighthouse للموقع في بيئة الإنتاج. ننشرها كما هي: وعندما تكون إحداها منخفضة، نكتب سببها وخطة تصحيحها أدناه بدلًا من التكتم عليها.
كل خيار، وسببه.
مدخل لكل جمهور
العائلات، والكبار، والمدارس، والورش، والتأجير. يتعرّف الزائر على نفسه من النظرة الأولى؛ أما تقويم يخلط الخمسة فسيجبره على الفرز.
الجمهور المدرسي بجدية
يبحث المعلمون عن ملف تربوي، ومستويات دراسية، ومدة العرض، وسعر للمجموعات. لهذه المعلومات صفحتها المخصصة؛ ولو وُضعت في مكان آخر لأثقلت على الجمهور العام.
تأجير القاعة كعرض تجاري
السعة، والتجهيزات التقنية، والأسعار، والتوافر. إنه مصدر دخل منتظم، يُنفى في الغالب إلى أسفل صفحة التواصل.
لوحة ألوان المشروع
أزرق ليلي
#1C2A45
الهوية
مرجاني
#D65A4A
جمهور الناشئة
كريمي
#F6F2EA
الخلفية
حبر
#1B1D22
النص
النظام الطباعي
العناوين
Outfit 700
النص الأساسي
Inter 400
معاصر عن قصد وغير «مسرحي»: تستقبل القاعة جمهور الناشئة أساسًا، ولغة بصرية شديدة الوقار كانت ستُبعد العائلات.
ما يوجد تحت الغطاء.
- Next.js
- React
- Tailwind
- Vercel
بيع تذاكر مُفوَّض، يُحمَّل عند الطلب
لا تُحمَّل وحدة بيع التذاكر إلا عند النقر. أداة خارجية حاضرة في كل الصفحات كانت ستُثقل الموقع بأكمله من أجل إجراء عارض.
برنامج مُنمَّط البيانات
العروض والمواعيد والجماهير والأسعار والمدد في ملف بيانات مشترك. ومنه تُشتق المداخل الخمسة والتقويم الشامل جميعًا.
كيف يصبح الموقع قابلًا للعثور عليه.
عائلة استعلامات لكل جمهور
«عرض للأطفال في ليون»، «مسرح Vaise»، «رحلة مدرسية إلى المسرح في ليون»، «تأجير قاعة عروض في ليون 9». لم يكن بإمكان صفحة واحدة أن تخدم أيًّا منها.
ترميز Event وPlace
كل عرض هو Event مرتبط بعقدة Place تصف القاعة وسعتها وطريقة الوصول إليها.
ما تم تسليمه.
- الرئيسية — خمسة مداخل
- جمهور الناشئة
- مسرح الكبار
- العروض المدرسية
- الورش
- استئجار القاعة
- التقويم (عرض شامل)
مراحل سير المشروع.
الهندسة
تحديد خمسة جماهير، وبنية بحسب الجمهور لا بحسب التاريخ.
التصميم
مداخل مستقلة، ولغة بصرية عائلية.
التطوير
برنامج مُنمَّط البيانات، وبيع تذاكر مؤجَّل التحميل.
SEO
عائلة استعلامات لكل جمهور.
ما يُطرح علينا كثيرًا.
أعمال أخرى
الامتثال للائحة GDPR & SaaSKonsent by Kayzen
مورّد أشرطة موافقة يدقّق الأشرطة هو خصم وحَكَم في آن واحد: كانت الاستقلالية هي المنتج نفسه.
الأمن السيبراني الهجومي & SaaSSentinel by Kayzen
بيع منتج أمني لمهندسين: كان على كل ادعاء أن يكون قابلًا للإثبات.
البيانات & خدمة الأرصاد الجويةMétéo Climat France
358 صفحة قابلة للفهرسة، وخريطة متحركة على 72 موعدًا — دون سطر واحد من أي إطار عمل.
مستوى الإتقان نفسه، لموقعك.
تدقيق مجاني لموقعك الحالي، وعرض سعر خلال 24 ساعة، وتعليل مكتوب — مثل الذي قرأته للتو. الدفع على ثلاث دفعات دون رسوم إضافية، مع التحقق من برامج الدعم المحلية قبل التوقيع.