تخطَّ إلى المحتوى
Camali Clinic

Camali Clinic: موقع بلغتين والنظام الذي تدير به العيادة عملها

كل ما تدير به Camali Clinic عملها في مكان واحد: موقع عام بلغتين منشور منذ ٢١ سبتمبر ٢٠٢٦، ولوحة للموظفين يجيب فيها كل فريق عمّا يجلبه الموقع، واستوديو تنشر منه العيادة أدلتها بنفسها، ومساحة عمل يخطط فيها فريقها الشهر.

الرعاية الصحيةدبي2026
camaliclinic.com
الصفحة الرئيسية لـ Camali Clinic: عنوان «Empowering Mental Health & Wellbeing» فوق لوحة مرسومة لمعالج ومريض يتحدثان.
زيارة camaliclinic.com
267عنوان منشور بلغتين
18شاشة في لوحة الموظفين
5أسابيع من أول سطر برمجي إلى الإطلاق

التحدي

تدير Camali Clinic عيادات للصحة النفسية في دبي للأطفال والمراهقين والبالغين، مع عشرات صفحات الخدمات وأكثر من ثلاثين معالجاً وأرشيف كبير من الأدلة على WordPress. كان على الموقع الجديد أن يحافظ على هوية العيادة ونصوصها، وأن يعمل بالعربية كما بالإنجليزية، وأن ينقل عناوينها القديمة، وأن يتيح طلب موعد دون إرسال تفاصيل صحية عبر نموذج على الإنترنت. وخلفه، كان على كل طلب موعد واستفسار وطلب توظيف وتسجيل في فعالية يصل من الموقع أن يهبط في مكان يجيب عنه فريق بعينه، دون أن تشترك العيادة في أربع خدمات إضافية، ودون أن تبقى تفاصيل مراجع في بريد مشترك. وأرادت العيادة أيضاً أن تتوقف عن الدفع مقابل نشر أدلتها.

ما فعلناه

صمّمنا عشرة اتجاهات تصميم كاملة كنماذج أولية، واختارت العيادة أقساماً منها ودمجتها في تصميم نهائي واحد، حوّله مسار بناء إلى صفحات Next.js تُعرض من الخادم. انتقل المعالجون وشركات التأمين والشهادات والأدلة إلى قاعدة بيانات، ونموذج المواعيد يطلب بيانات التواصل فقط، وتعكس الصفحات العربية التخطيط من اليمين إلى اليسار بخطوط عربية مخصّصة، وتُربط عناوين WordPress القديمة بالبنية الجديدة عبر إعادة التوجيه. وتطبيق واحد يخدم هذا الموقع العام ولوحة الموظفين واستوديو النشر، فقاعدة بيانات واحدة وتسجيل دخول واحد خلف الثلاثة. في اللوحة يرى كل فريق مجاله فقط، وقاعدة البيانات هي التي تقرر ذلك لا القائمة: يمكن تحريك الطلب إلى الأمام لا إعادة كتابته، وكل رسالة بريد تُدوَّن مع الرد الذي أعطته خدمة البريد، وتُحذف الطلبات على مؤقت ثابت وتُغلق أعدادها في أرشيف شهري لا يحمل سوى أرقام. ويأخذ الاستوديو الدليل من مسودة أولى عبر المراجعة والاعتماد السريري إلى صفحة منشورة، بأربعة أدوار و١٥ فحصاً للجاهزية ومساعد يقترح العناوين والمقتطفات ولا ينشر أبداً. ومساحة عمل الفريق نظام منفصل بتسجيل دخوله وقاعدة بياناته، فخطط الفريق لا تقع خلف المفتاح نفسه الذي يحمي استفسارات الموقع.

ما الذي بنيناه

  • منشور على camaliclinic.com منذ ٢١ سبتمبر ٢٠٢٦
  • نسخة عربية مطابقة للموقع، من اليمين إلى اليسار
  • طلبات مواعيد لا تسأل عن أي تفاصيل طبية
  • كل فريق يرى مجاله فقط، وقاعدة البيانات هي التي تقرر
  • الطلبات تُحذف على مؤقت ثابت وتبقى أعدادها للأبد
  • ١٥ فحص جاهزية قبل أن يُنشر أي دليل

النتيجة

انطلق الموقع على camaliclinic.com في ٢١ سبتمبر ٢٠٢٦، بعد خمسة أسابيع من أول سطر برمجي، ودخلت اللوحة فريقاً بعد فريق في الأسبوع التالي. تحمل خريطة الموقع ٢٦٧ عنواناً، ١٧٦ بالإنجليزية و٩١ بالعربية، منها ٣٩ صفحة حالة وعلاج و٧٠ دليلاً. وفي ٢٧ سبتمبر ٢٠٢٦ سجّلت الصفحة الرئيسية على سطح المكتب ٩٨ للأداء و٩٨ لإتاحة الوصول و١٠٠ لأفضل الممارسات في PageSpeed Insights من Google، مقابل ٨٧ و٦٥ للموقع القديم في يوليو، ومنح securityheaders.com الموقع المنشور تقدير A+ في ٢٦ سبتمبر ٢٠٢٦. وتحمل الصور كلها، وعددها ١٬٨٣٦، وصفاً نصياً، ولا يعمل أي متتبع إعلاني أو سلوكي على أي صفحة عن الرعاية، وتنشر العيادة اليوم أدلتها بنفسها وتحتفظ بتاريخها أرقاماً لا سجلات عن أشخاص.

أجزاء النظام

الموقع العام

منذ ٢١ سبتمبر ٢٠٢٦ يعمل camaliclinic.com على تطبيق العيادة نفسها، ومعه نسخة عربية مبنية إلى جانبه. صفحات الخدمات والمعالجون والأدلة تُبنى من البيانات لا تُكتب واحدة واحدة، والبحث في الموقع يغطيها كلها باللغتين ويتسامح مع خطأ إملائي، ونموذج المواعيد يطلب بيانات التواصل فقط.

الصفحة الرئيسية العربية لـ Camali Clinic، معكوسة من اليمين إلى اليسار، والشعار على اليمين والقائمة تُقرأ من اليمين.
الموقع العربي مرآة لا نسخة: الصفحات نفسها بالتخطيط نفسه، معكوسة من اليمين إلى اليسار ومصفوفة بخطوط عربية.
صفحة خدمة النطق واللغة، فوق نصها لوحة خاصة بها وقائمة قفز إلى أقسام الصفحة.
صفحات الحالات والعلاجات التسع والثلاثون كلها مبنية من مجموعة بيانات واحدة، ويفتتح كل منها تقريباً بلوحة خاصة به.
فهرس قسم الموارد، أدلة العيادة في شبكة وإلى جانبها شريط التصنيفات.
٧٠ دليلاً في قسم الموارد، لكل منها تصنيفه وزمن قراءته وقائمة محتويات على الجانب.
الصفحة الرئيسية على الهاتف، والقائمة مطوية خلف زر بجوار أيقونة البحث.
على الهاتف تُطوى القائمة خلف زر، ويبقى طريق حجز الموعد في المتناول.

لوحة الموظفين واستوديو النشر ومساحة عمل الفريق

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

Microsoft GraphClerkGitHub Actions
شاشة التحليل في لوحة الموظفين: بطاقة لكل شهر، وأربعة أرقام رئيسية، وعمود لكل يوم من أيام الشهر.
الطلبات تُحذف على مؤقت، أما أعدادها فلا. كل شهر منتهٍ يُؤرشف بلا اسم ولا بيانات تواصل ولا رسالة فيه قط.
شاشة التصدير، بطاقة لكل قائمة مع أزرار Excel وCSV وJSON.
كل ما يستحق الحفظ يخرج ملفاً، فيبقى السجل في أنظمة العيادة نفسها لا على الموقع.
لوحة استوديو النشر: خمس بطاقات لما ينتظر في كل مرحلة، والخطوات المرقّمة التي تأخذ الدليل من مسودة أولى إلى صفحة منشورة.
الاستوديو يشرح نفسه على لوحته: ما الذي ينتظر في كل مرحلة، ومن صاحب الخطوة التالية.
دليل مفتوح في استوديو النشر، بعنوانه ومقتطفه وعنوانه على الإنترنت وتصنيفه ولغته وحالة مراجعته.
دليل داخل الاستوديو. الحقول على اليمين هي ما يبني الصفحة المنشورة، وأزرار الاقتراح تعرض صياغة للكاتب أن يأخذها أو يتركها.
لوحة مساحة عمل الفريق: أعمدة للمهام المنتظرة والجارية وقيد المراجعة والمنجزة، وبطاقة لكل عمل.
مساحة عمل الفريق نظام منفصل بتسجيل دخوله الخاص، يخطط فيه الفريق عمل الشهر على لوحة.
الخطوة التالية

لديك ما يشبه ذلك؟

أرسل الموجز. سنخبرك بصراحة إن كنا الاستوديو المناسب له.

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

hello@4ai.ae