دراسة حالة / ويب
Esperanza
تعافٍ أخلاقي من الإدمان — الصويرة، المغرب
نظرة عامة
المشروع
Esperanza هو برنامج تعافٍ أخلاقي من الإدمان يتوسع من المملكة المتحدة إلى المغرب. Chris Soloman، المؤسس، يدير esperanzahealth.co.uk في المملكة المتحدة ويطلق برنامجًا في المغرب بأول فعالية له — خلوة للعلاج بالموسيقى في Dar Souiri بالصويرة، سبتمبر 2026.
دوري: full-stack — التصميم، التطوير، النشر والتسليم. كان المطلوب موقعًا يستطيع Chris توجيه العملاء المحتملين إليه بثقة، مع معرفة أنه سيُحمّل بسرعة، يُقرأ جيدًا ويبعث على الثقة منذ الثانية الأولى.
التقنيات
المدة
أبريل 2026 — مستمر
الخدمة
تطوير الويب →السياق
التحدي
الجمهور هو أشخاص في أزمة — أو عائلاتهم تبحث نيابة عنهم. يقارنون بين برامج إعادة التأهيل في المملكة المتحدة وإسبانيا وتايلاند والمغرب. الثقة هي كل شيء. موقع يبدو عامًا أو بطيئًا أو حتى غريبًا قليلًا سيخسرهم في ثوانٍ لصالح منافس بموقع أفضل.
SEO هو قناة الاستحواذ الأساسية. Esperanza Morocco تنافس أدلة إعادة تأهيل بريطانية راسخة بسنوات من سلطة الروابط. يحتاج الموقع إلى التصنيف على مصطلحات long-tail مثل « إعادة تأهيل أخلاقية المغرب » و« التعافي من الإدمان الصويرة » في حين أن النطاق جديد تمامًا دون أي تاريخ.
كان الجدول الزمني ضيقًا: احتاج Chris إلى MVP قابل للعرض قبل التواصل مع شركاء الإحالة، قبل خلوة سبتمبر 2026 بوقت طويل. كانت المرحلة 1 بالإنجليزية فقط. الفرنسية والعربية تأتيان في المرحلة 2 بعد إثبات المحتوى وتشغيل البرنامج.
الحل
المقاربة
اخترت Astro على Next.js لهذا المشروع. الموقع قائم على المحتوى بلا ميزات تتطلب مصادقة — التوليد الثابت يعطي أفضل أداء ممكن وأبسط قصة نشر. كل صفحة تُشحن كـ HTML مُسبق التصيير مع صفر JavaScript من جانب العميل إلا إذا طلب مكون ذلك صراحةً. Cloudflare Pages يتكفل بالاستضافة على الخطة المجانية مع توزيع edge عالمي.
يعطي نظام التصميم الأولوية للدفء والمصداقية على المظهر الطبي الذي تلجأ إليه معظم مواقع إعادة التأهيل افتراضيًا. ألوان ترابية خافتة، مساحات بيضاء سخية وصور حقيقية حيثما كانت متاحة. لا صور أرشيفية لأشخاص يمسكون الأيدي على الشاطئ. الطباعة مقروءة بكل المقاسات لأن العائلات التي تبحث على هواتفها في الثانية صباحًا هي الجمهور الأهم.
تكامل Stripe يتم عبر رابط دفع خارجي بدلًا من تدفق دفع مخصص — الخيار الصحيح للمرحلة 1 لأنه يتجنب نطاق PCI بالكامل مع منح Chris قناة حجز عاملة. تغطي اختبارات Playwright E2E نموذج الاتصال، التنقل وتدفق الحجز لأن الجودة على موقع حرج للثقة أهم من الإطلاق قبل يوم.
النتائج
الحالة الراهنة
- MVP المرحلة 1 مبني ومنشور
- Lighthouse ≥ 95 في الفئات الأربع كلها
- نموذج الاتصال يعمل عبر Resend
- تدفق الحجز Stripe نشط (رابط دفع خارجي)
- مجموعة اختبارات Playwright E2E تغطي المسارات الحرجة
- هيكل متعدد اللغات جاهز (FR/AR للمرحلة 2)المرحلة 2
- مراجعة كاملة للمحتوى والتصويرالمرحلة 2
- حملة SEO واستراتيجية backlinksالمرحلة 2
بعد التأمل
ما كنت سأفعله بشكل مختلف
كانت Astro Content Collections مبالغًا فيها لحجم محتوى المرحلة 1. الموقع يضم أقل من عشر صفحات — كانت imports MDX بسيطة ستكون أبسط وأسرع للتكرار. التحقق من schema مفيد على النطاق الأوسع، لكن في هذا الحجم أضاف تعقيدًا في التهيئة دون التقاط bugs حقيقية.
كنت سأبدأ أيضًا مجموعة Playwright في وقت أبكر. كتبت الاختبارات بعد الجولة الأولى من الميزات، مما تطلب تعديل الـ selectors. كتابة أول اختبار smoke مع أول صفحة كانت ستستغرق عشر دقائق وكانت ستلتقط bug توجيه وجدته يدويًا.
استخدم هذا المشروع خدمة تطوير الويب .
← جميع المشاريعلديك مشروع بقيود مماثلة؟
جمهور حرج للثقة، جدول زمني ضيق، متطلبات SEO قوية — مررت بذلك من قبل.