صمّمت Younex Solutions وطوّرت الموقع الإلكتروني الرسمي لمركز Dental Arts لطب وتجميل الفم والأسنان بإشراف د. إيهاب كمال في مدينة نصر بالقاهرة، ليكون واجهة رقمية متكاملة تجمع عرض الخدمات والأسعار التقريبية والفريق الطبي وحالات قبل وبعد الحقيقية، مع نظام حجز مواعيد أونلاين مبني على المواعيد المتاحة فعلياً في العيادة. ويعمل الموقع على نفس الباكإند الذي يشغّل تطبيق العيادة على أندرويد، بحيث تُدار الخدمات والأطباء والحالات والحجوزات من لوحة تحكم عربية واحدة.
نظرة عامة على المشروع
مشروع Dental Arts هو موقع عيادة أسنان متعدد الصفحات وثنائي اللغة، تم بناؤه وإطلاقه في سبتمبر 2026. الهدف الرئيسي من الموقع لم يكن مجرد "صفحة تعريفية" بالعيادة، بل منصة تحوّل الزائر المهتم بعلاج أو تجميل أسنانه إلى مريض لديه موعد محجوز، مع تقليل الأسئلة المتكررة التي تستهلك وقت الاستقبال يومياً مثل: كم سعر الخدمة؟ ومن الطبيب المختص؟ ومتى تتوفر المواعيد؟ وأين تقع العيادة؟
جاء الموقع بالعربية كلغة أساسية بواجهة من اليمين إلى اليسار، مع نسخة إنجليزية كاملة على المسار /en تخدم المرضى غير الناطقين بالعربية. ويضم المشروع مجموعة صفحات مترابطة تغطي رحلة المريض كاملة:
- الرئيسية: تعريف سريع بالمركز، ونموذج حجز سريع داخل الهيرو، وأبرز الخدمات والعروض.
- عن المركز: قصة العيادة ورؤيتها وأسلوبها في الرعاية.
- خدماتنا: قائمة الخدمات مع فلترة حسب الفئة، وسعر يبدأ من، ومدة الجلسة.
- الفريق الطبي: بطاقة لكل طبيب بتخصصه وخدماته ومواعيد عيادته الأسبوعية.
- قبل وبعد: معرض حالات حقيقية مع شريط مقارنة تفاعلي.
- نصائح طبية: مدونة توعوية بالبحث والتصنيف.
- تواصل معنا واحجز موعدك: نموذج تواصل وخريطة وأسئلة شائعة، وصفحة حجز من أربع خطوات.
ويُعد الموقع جزءاً من منظومة رقمية أكبر نفّذتها Younex للعيادة، تشمل أيضاً تطبيق الموبايل الذي يمكن الاطلاع على تفاصيله في دراسة حالة تطبيق Dental Arts.
عن العميل والقطاع
مركز Dental Arts بإشراف د. إيهاب كمال هو عيادة متخصصة في طب وتجميل الفم والأسنان، تقع في 38 شارع محمد المقريف، المتفرع من شارع حسن المأمون، خلف النادي الأهلي بمدينة نصر في القاهرة. وتستقبل العيادة المرضى يومياً من التاسعة صباحاً حتى العاشرة مساءً عدا يوم الجمعة.
العيادة ليست عيادة طبيب واحد، بل مركز متعدد الأطباء يضم الطبيب المؤسس المشرف إلى جانب أطباء متخصصين في علاج الجذور والعصب وطب الأسنان العام. وتغطي خدماتها طيفاً واسعاً من العلاجات، جرى تنظيمها في أربع فئات رئيسية:
- عام: كشف واستشارة، تنظيف وتلميع، حشو كومبوزيت، علاج عصب، وخلع.
- تجميل: تبييض الأسنان وتاج الزيركون.
- تقويم وزراعة: تقويم الأسنان وزراعة الأسنان.
- أطفال: علاج ومتابعة أسنان الأطفال.
قطاع عيادات الأسنان في القاهرة قطاع شديد التنافس، ويعتمد فيه المريض بدرجة كبيرة على البحث الإلكتروني ووسائل التواصل قبل اتخاذ قرار الزيارة. فالمريض يريد أن يرى نتائج حقيقية، وأن يفهم تكلفة العلاج بشكل تقريبي، وأن يعرف الطبيب الذي سيعالجه، وأن يحجز دون مكالمات طويلة. ومن هنا كان الموقع الاحترافي عنصراً أساسياً في بناء الثقة وتحويل الاهتمام إلى زيارة فعلية.
التحدي
عند بداية المشروع، كانت احتياجات العيادة تتجاوز فكرة الموقع التعريفي التقليدي، وتمثّلت أبرز التحديات فيما يلي:
الحجز يعتمد على الهاتف والرسائل
كان الوصول إلى موعد يمر غالباً عبر مكالمة أو رسالة واتساب، يتبعها سؤال عن الخدمة والطبيب والأوقات المتاحة، ثم انتظار الرد. هذا الأسلوب يستهلك وقت فريق الاستقبال، ويؤدي أحياناً إلى فقدان مرضى محتملين لم يتلقوا رداً سريعاً خارج أوقات الذروة.
غياب الشفافية في الأسعار والمدد
المريض يتردد كثيراً في التواصل إذا لم تكن لديه فكرة مبدئية عن تكلفة العلاج أو عدد الجلسات. وكانت العيادة بحاجة إلى عرض أسعار تبدأ من ومدة كل جلسة بشكل منظم وواضح، دون أن يتحول ذلك إلى قائمة أسعار جامدة يصعب تحديثها.
إثبات جودة النتائج
في مجال تجميل الأسنان تحديداً، الصورة هي الدليل الأقوى. كانت العيادة تمتلك حالات قبل وبعد حقيقية، لكنها لم تكن معروضة بطريقة احترافية تسمح للزائر بمقارنة النتيجة بسهولة، أو بتصفح الحالات حسب نوع العلاج الذي يهمه.
إدارة قناتين رقميتين دون ازدواجية
العيادة تمتلك تطبيقاً على أندرويد إلى جانب الموقع، وكان من الضروري ألا تتحول إدارة القناتين إلى عبء مضاعف: تحديث الأسعار في مكانين، وإضافة الطبيب مرتين، ومتابعة حجوزات موزعة على أنظمة مختلفة.
مريض عربي وآخر أجنبي
مع وجود مرضى لا يتحدثون العربية، كانت هناك حاجة لنسخة إنجليزية كاملة، لا مجرد ترجمة جزئية لبعض العناوين.
الحل الذي نفّذته Younex
تعاملت Younex مع المشروع كنظام متكامل وليس كتصميم واجهة فقط، وبنت الحل على ثلاثة محاور مترابطة: تجربة حجز سلسة، ومحتوى يبني الثقة، وباكإند موحد يخدم الموقع والتطبيق معاً. وهو نفس النهج الذي نعتمده في خدمة تصميم مواقع عيادات الأسنان.
نظام حجز أونلاين من أربع خطوات
صُمّمت صفحة "احجز موعدك" لتقود المريض خطوة بخطوة دون تشتيت:
- اختيار الخدمة المطلوبة من قائمة الخدمات.
- اختيار الطبيب وهي خطوة اختيارية لمن يفضّل طبيباً بعينه.
- اختيار اليوم والوقت من المواعيد المتاحة فعلياً في جدول العيادة، وليس من أوقات افتراضية.
- إدخال بيانات المريض الأساسية وإرسال الطلب.
لا يحتاج المريض إلى إنشاء حساب لإتمام الحجز، مع خيار اختياري "احجز أسرع بحساب Google" يملأ الاسم تلقائياً ويربط الحجز بنفس حساب Google داخل تطبيق الموبايل. وبعد وصول الطلب، يتولى فريق الاستقبال تأكيد الموعد بمكالمة أو رسالة واتساب.
روابط حجز مباشرة من كل مكان
كل بطاقة خدمة وكل بطاقة طبيب تحتوي على زر حجز يفتح صفحة الحجز وقد تم تحديد الخدمة أو الطبيب مسبقاً عبر روابط مثل /booking?service=…&doctor=…، بحيث يبدأ المريض من النقطة التي وصل إليها بدلاً من إعادة الاختيار. كما أُضيف نموذج حجز سريع في هيرو الصفحة الرئيسية لمن يريد البدء فوراً.
باكإند واحد للموقع والتطبيق
بنت Younex واجهة برمجية REST API بلغة PHP 8.3 وقاعدة بيانات MySQL تخدم الموقع وتطبيق "Dental Arts Clinic" على أندرويد في آن واحد. الخدمات والأسعار والأطباء والحالات مشتركة بين القناتين، مع إمكانية التحكم في ظهور كل عنصر على حدة: إظهاره على الموقع، أو في التطبيق، أو في الاثنين.
لوحة تحكم عربية مخصصة
طُوّرت لوحة تحكم عربية مقسمة إلى أقسام واضحة تعكس طريقة عمل العيادة:
- عام: الإعدادات والبيانات المشتركة.
- الموقع الإلكتروني: حجوزات الموقع، والخدمات، ونصوص الموقع، والصور، والمقالات، وصندوق رسائل التواصل مع حالة جديدة أو تمت معالجتها.
- التطبيق: حجوزات التطبيق، ومحتواه، والإشعارات.
كما يتضمن النظام وضع صيانة مستقلاً للموقع وآخر للتطبيق، بحيث يمكن إيقاف إحدى القناتين مؤقتاً دون التأثير على الأخرى.
المواصفات التقنية
| البند | التفاصيل |
|---|---|
| نوع المشروع | موقع عيادة أسنان متعدد الصفحات مع نظام حجز مواعيد أونلاين |
| اللغات | العربية (RTL) كلغة أساسية مع نسخة إنجليزية كاملة على /en |
| الباكإند | PHP 8.3 مع REST API مشتركة بين الموقع وتطبيق أندرويد |
| قاعدة البيانات | MySQL موحدة للخدمات والأطباء والحالات والحجوزات |
| الواجهة الأمامية | Tailwind CSS مُجمّع مسبقاً مع JavaScript خالص (Vanilla JS) |
| السيو التقني | Schema من نوع Dentist بصيغة JSON-LD مع PostalAddress وصورة Open Graph للمشاركة |
| الأداء | خط أيقونات مستضاف ذاتياً ومقتطع للرموز المستخدمة فقط، وتخزين مؤقت للمحتوى لمدة 5 دقائق |
| التصميم المتجاوب | Mobile-first مع تحويل صورة الهيرو إلى بطاقة أعلى النص على الموبايل |
| الحماية من الرسائل المزعجة | حقول Honeypot في نماذج الحجز والتواصل |
| الاستضافة | خادم VPS مُدار مع شهادة SSL |
أبرز المميزات المنفّذة
صفحة خدمات بفلترة ذكية
تُعرض الخدمات العشر في بطاقات منظمة يمكن فلترتها حسب الفئات الأربع: عام، وتجميل، وتقويم وزراعة، وأطفال. وتعرض كل بطاقة السعر الذي يبدأ منه العلاج بالجنيه المصري ومدة الجلسة المتوقعة، مع زر حجز مباشر لتلك الخدمة.
صفحة الفريق الطبي
لكل طبيب بطاقة تعرض تخصصه، والخدمات التي يقدمها، ومواعيد عيادته الأسبوعية، مع زر "احجز مع هذا الطبيب". وهذا يمنح المريض الذي يبحث عن تخصص معين، مثل علاج العصب، طريقاً مباشراً للطبيب المناسب.
معرض قبل وبعد التفاعلي
يضم المعرض 29 حالة حقيقية من حالات العيادة، تُعرض كل منها بشريط مقارنة يمكن سحبه يميناً ويساراً لرؤية الفرق بين الحالة قبل العلاج وبعده. وتُصنّف الحالات في خمس مجموعات علاجية: هوليوود سمايل، وتجميل، وتركيبات، وزراعة، وتقويم، ليصل كل زائر إلى الحالات الأقرب لاحتياجه.
مدونة النصائح الطبية
قسم توعوي يضم 6 مقالات عند الإطلاق، مع خاصية بحث وفلتر حسب التصنيف. ويخدم هذا القسم هدفين: توعية المرضى بالعناية بأسنانهم، وبناء محتوى قابل للنمو يدعم ظهور الموقع في نتائج البحث على المدى الطويل.
قسم العروض محدودة المدة
قسم مخصص لعروض العيادة مع تاريخ انتهاء لكل عرض، مثل خصم على تبييض الأسنان بالليزر، وكشف مجاني للأطفال مع جلسة تنظيف لولي الأمر، وتقويم الأسنان بالتقسيط. كما صُمّم بانر خاص بأسنان الأطفال بهوية العيادة البصرية.
قنوات تواصل بضغطة واحدة
- أزرار واتساب برسائل مكتوبة مسبقاً تختصر على المريض صياغة طلبه.
- زر اتصال مباشر من الموبايل.
- رابط حساب إنستجرام الخاص بالعيادة.
- اتجاهات الوصول عبر خرائط Google.
- قسم لتحميل تطبيق العيادة من Google Play.
صفحة تواصل متكاملة
تجمع صفحة "تواصل معنا" نموذج تواصل، وخريطة موقع العيادة، وأزرار واتساب والاتصال، وقسم أسئلة شائعة يجيب عن أكثر الاستفسارات تكراراً. وتصل الرسائل إلى صندوق مخصص في لوحة التحكم مع إمكانية تمييز كل رسالة كجديدة أو تمت معالجتها.
مراحل تنفيذ المشروع
- الاكتشاف وتحليل الاحتياجات: دراسة طريقة عمل العيادة، والخدمات والفئات، وجداول الأطباء، ورحلة المريض من البحث حتى الزيارة، وتحديد نقاط الاحتكاك في عملية الحجز الحالية.
- هيكلة المحتوى والصفحات: بناء خريطة الموقع، وتنظيم الخدمات في أربع فئات، وتصنيف حالات قبل وبعد في خمس مجموعات، وتحديد البيانات المشتركة بين الموقع والتطبيق.
- تصميم الواجهة: تصميم بهوية العيادة يبدأ من الموبايل، مع مراعاة اتجاه القراءة العربي وتكييف التخطيط للنسخة الإنجليزية.
- تطوير الباكإند وقاعدة البيانات: بناء الـ REST API بلغة PHP 8.3 وقاعدة MySQL موحدة، مع منطق المواعيد المتاحة والتحكم في الظهور لكل منصة.
- تطوير الواجهة الأمامية: تنفيذ الصفحات بـ Tailwind CSS و JavaScript خالص، وبناء شريط المقارنة، والفلاتر، ونظام الحجز متعدد الخطوات.
- لوحة التحكم: تطوير لوحة عربية بأقسام الموقع والتطبيق والإعدادات العامة ووضع الصيانة المستقل.
- السيو والأداء: إضافة Schema من نوع Dentist، وصورة Open Graph، وتحسين الخطوط والأيقونات، وتفعيل التخزين المؤقت للمحتوى.
- الاختبار والإطلاق: اختبار رحلة الحجز على مختلف الأجهزة، ومراجعة النسختين العربية والإنجليزية، ثم الإطلاق على خادم VPS مُدار مع SSL في سبتمبر 2026.
تجربة المستخدم والتصميم
انطلق التصميم من حقيقة أن غالبية زوار مواقع العيادات يتصفحون من الهاتف، وغالباً في لحظة احتياج أو اهتمام سريع. لذلك اعتُمد نهج Mobile-first في كل صفحة، مع الحرص على أن يكون زر الحجز وقنوات التواصل في متناول الإصبع دائماً.
هيرو يتكيف مع الشاشة
على الشاشات الكبيرة تظهر صورة الهيرو بجوار النص ونموذج الحجز السريع، أما على الموبايل فتتحول الصورة إلى بطاقة أنيقة أعلى النص، فلا تدفع المحتوى المهم إلى الأسفل ولا تُثقل تجربة التصفح.
وضوح قبل الزخرفة
اعتمدت الواجهة على بطاقات منظمة وتسلسل بصري واضح: اسم الخدمة، ثم السعر الذي يبدأ منه، ثم المدة، ثم زر الحجز. هذا الترتيب يجيب عن أسئلة المريض بالترتيب الذي يفكر به، ويقلل التردد قبل اتخاذ القرار.
تفاعلية تخدم الثقة
شريط مقارنة قبل وبعد لم يُضف كعنصر جمالي فقط، بل لأنه يجعل الزائر يتفاعل بنفسه مع النتيجة، وهو ما يترك انطباعاً أقوى من مجرد صورتين متجاورتين. وكذلك الفلاتر في صفحات الخدمات والحالات والمدونة، التي تختصر الطريق إلى المحتوى المطلوب.
تجربة عربية أصيلة
بُنيت النسخة العربية باتجاه RTL كامل منذ البداية، وليس كنسخة معكوسة من تصميم إنجليزي، مع نسخة إنجليزية مكتملة تحافظ على نفس الهيكل والوظائف. ويمكن الاطلاع على الموقع مباشرة عبر dentalarts.site.
النتائج والأثر
مع إطلاق الموقع، انتقلت Dental Arts من الاعتماد على المكالمات والرسائل كقناة حجز شبه وحيدة إلى منظومة رقمية متكاملة، وأصبح بإمكان العيادة:
- استقبال طلبات الحجز على مدار الساعة من خلال الموقع، حتى خارج ساعات العمل ويوم الجمعة، مع اختيار المريض لموعد متاح فعلياً.
- تخفيف الضغط على فريق الاستقبال الذي أصبح دوره تأكيد الحجوزات بدلاً من جمع بياناتها من البداية.
- الإجابة عن أسئلة الأسعار والمدد مسبقاً عبر بطاقات الخدمات، ما يجعل المريض الذي يتواصل أكثر استعداداً لاتخاذ القرار.
- عرض نتائجها الحقيقية باحترافية من خلال معرض قبل وبعد التفاعلي المصنف حسب نوع العلاج.
- توجيه المريض للطبيب المناسب عبر صفحة الفريق الطبي ومواعيد كل طبيب.
- إدارة الموقع والتطبيق من مكان واحد دون تكرار إدخال البيانات، مع التحكم في ما يظهر على كل منصة.
- إطلاق العروض الموسمية وتحديثها بسرعة مع تواريخ انتهاء واضحة.
- بناء أساس قوي للظهور في البحث بفضل البيانات المنظمة ومدونة النصائح الطبية القابلة للتوسع.
وبات الموقع والتطبيق يعملان كقناتين متكاملتين تخدمان نفس المريض، وهو ما يعكس خبرة Younex في الجمع بين تصميم مواقع العيادات وتطوير تطبيقات الموبايل ضمن نظام واحد. وإذا كانت عيادتك تحتاج إلى حل مماثل، يمكنك التواصل مع فريق Younex لمناقشة مشروعك.
الأسئلة الشائعة
هل يحتاج المريض إلى إنشاء حساب ليحجز موعداً على موقع Dental Arts؟
لا، يمكن إتمام الحجز دون إنشاء أي حساب من خلال أربع خطوات: اختيار الخدمة، ثم الطبيب اختيارياً، ثم اليوم والوقت من المواعيد المتاحة، ثم بيانات المريض. ويتوفر خيار اختياري للحجز الأسرع بحساب Google يملأ الاسم تلقائياً.
هل المواعيد المعروضة في صفحة الحجز مواعيد حقيقية؟
نعم، يعرض نظام الحجز الأيام والأوقات المتاحة فعلياً في جدول العيادة، ثم يتولى فريق الاستقبال تأكيد الموعد مع المريض بمكالمة هاتفية أو رسالة واتساب.
ما العلاقة بين الموقع وتطبيق Dental Arts Clinic على أندرويد؟
الموقع والتطبيق يعملان على باكإند واحد وقاعدة بيانات مشتركة، فالخدمات والأسعار والأطباء والحالات تُدار مرة واحدة، مع إمكانية تحديد ظهور كل عنصر على الموقع أو التطبيق أو كليهما. ويمكن معرفة المزيد في دراسة حالة التطبيق.
هل يدعم الموقع اللغة الإنجليزية؟
نعم، الموقع مبني بالعربية كلغة أساسية باتجاه من اليمين إلى اليسار، مع نسخة إنجليزية كاملة تشمل نفس الصفحات والوظائف لخدمة المرضى غير الناطقين بالعربية.
كيف يعمل معرض قبل وبعد في الموقع؟
يعرض المعرض 29 حالة حقيقية، ولكل حالة شريط مقارنة يسحبه الزائر لرؤية الفرق قبل العلاج وبعده، مع فلترة الحالات في خمس مجموعات هي هوليوود وتجميل وتركيبات وزراعة وتقويم.
هل تستطيع العيادة تعديل الأسعار والخدمات والمقالات بنفسها؟
نعم، من خلال لوحة تحكم عربية مخصصة مقسمة إلى أقسام عامة وأخرى للموقع وثالثة للتطبيق، يمكن منها إدارة الخدمات والأسعار ونصوص الموقع والصور والمقالات والحجوزات ورسائل التواصل دون الحاجة إلى خبرة برمجية.
ما التقنيات المستخدمة في بناء الموقع؟
بُني الموقع بلغة PHP 8.3 وقاعدة بيانات MySQL، مع Tailwind CSS مُجمّع مسبقاً و JavaScript خالص، إضافة إلى Schema من نوع Dentist بصيغة JSON-LD، وصورة Open Graph للمشاركة، وخط أيقونات مستضاف ذاتياً لتحسين سرعة التحميل.
متى تم إطلاق موقع Dental Arts؟
تم بناء الموقع وإطلاقه في سبتمبر 2026 على خادم VPS مُدار مع شهادة SSL، ضمن منظومة رقمية متكاملة نفّذتها Younex Solutions للعيادة تشمل الموقع والتطبيق ولوحة التحكم.