الثقافة & العروض

Art Scénic

كانت الحصة التجريبية المجانية هي العرض: بُني الموقع بأكمله ليقود إليها.

السنة
2026
مدة التصميم
3 أسابيع
التقنيات
React · Vite · Tailwind · Framer Motion · Vercel
  • التصميم
  • التطوير
  • مسار التحويل
  • SEO المحلي

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

https://velvet-stage-arts-main.vercel.app/
الصفحة الرئيسية لموقع Art Scénic — الثقافة & العروض، من إنجاز Kayzen Web
الأداء في Lighthouse
97/100
دعوة وحيدة إلى الإجراء
1
حقول لحجز حصة تجريبية
4
نقطة الانطلاق

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

السياق

L'Art-Scénic فرقة مسرحية من إيكولي (Écully)، أسستها Anne Kravz-Tarnavsky، تقدّم عروضًا مسرحية وورشًا للأطفال والكبار.

القيد

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

الحل

تصبح الحصة التجريبية المجانية الإجراء الوحيد في الموقع. كل شيء يقود إليها: الصفحة الرئيسية، وكل صفحة ورشة، ومعرض الصور. النموذج قصير والموعد مقترح مباشرة. يبقى برنامج العروض حاضرًا، لكن في المرتبة الثانية.

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

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

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

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

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

  1. إجراء واحد، في كل مكان

    «احجز حصة تجريبية مجانية» هي الدعوة الوحيدة إلى الإجراء في الموقع. تكثير الأزرار المتنافسة يشتّت الانتباه، ويشتّت معه معدل التحويل.

  2. ورش منفصلة للأطفال وللكبار

    جمهوران، ورهبتان، وحجّتان. الوالد يسجّل طفله؛ أما البالغ فيسجّل نفسه — والقرار الثاني أصعب بكثير ويحتاج إلى كلمات أخرى.

  3. معرض صور يُظهر الهواة

    تُظهر الصور المتعلّمين في الورش، لا ممثلين محترفين. إمكانية أن يرى الزائر نفسه مكانهم هي ما يدفعه إلى التسجيل.

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

  • مخمل

    #5B2233

    الهوية

  • رملي

    #F4EDE3

    الخلفية

  • حبر

    #1E1A1B

    النص

  • نحاسي

    #B08D4A

    اللمسات البارزة

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

العناوين

Cormorant Garamond 600

النص الأساسي

Inter 400

لغة مسرحية بلا مبالغة: الفرقة تخاطب هواة، لا نقّادًا.

الهندسة

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

  • React
  • Vite
  • Tailwind
  • Framer Motion
  • Vercel
  1. 97 في الأداء رغم الحركة

    لا تُحمَّل Framer Motion إلا في الصفحات التي تتضمن حركة، وتُعطَّل كل الحركات إذا طلب المستخدم تقليلها.

  2. نموذج تجربة في حدّه الأدنى

    الاسم الأول، ووسيلة التواصل، والموعد المرغوب، والورشة. أربعة حقول: السؤال عن العمر والمستوى والدوافع كان سيحوّل التسجيل إلى ملف.

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

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

  1. «دروس مسرح في Écully»، «ورشة مسرح للأطفال غرب ليون»

    استعلامات بحث قائمة على القرب الجغرافي، مع ذروة واضحة جدًا في أغسطس وسبتمبر. الصفحات جاهزة قبل الموسم بوقت طويل.

  2. ترميز Course وEvent

    الورش من نوع Course مع جدول زمني؛ والعروض من نوع Event مؤرَّخة. نوعان مختلفان لواقعين مختلفين.

هيكل الموقع

ما تم تسليمه.

  • الرئيسية — الحصة التجريبية
  • ورش الأطفال
  • ورش الكبار
  • العروض
  • معرض الصور
  • الفرقة
  • احجز حصة تجريبية
المنهجية

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

  1. التحليل

    تحديد الحصة التجريبية محفّزًا وحيدًا.

  2. التصميم

    إجراء وحيد، وجمهوران للورش، ومعرض صور للهواة.

  3. التطوير

    حركة مشروطة، ونموذج من أربعة حقول.

  4. SEO

    استعلامات القرب الجغرافي، وترميز Course وEvent.

أسئلة

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

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

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

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

مشاركة