تطوير المواقع

دار الجمال · Healthcare Platform

مركز واحد فيه تلات تخصصات مالهمش علاقة ببعض (جراحات تجميل، أسنان، وعلاج سمنة) والمريض بييجي لخدمة واحدة بس. اتبنى بـ٢٢ صفحة خدمة، كل واحدة بتتلاقى وبتقنع وبتتحجز لوحدها من غير ما تعدّي على التانيين.

22

صفحة خدمة، كل واحدة بتتلاقى وبتحجز لوحدها

العميل
دار الجمال
المجال
طب تجميل وأسنان وجراحات سمنة

dar-eljamal.comافتح الموقع

dar-eljamal.com/

الخلاصة

01

المشكلة

  • تلات تخصصات مالهمش علاقة ببعض في مركز واحد: جراحات تجميل، أسنان، وعلاج سمنة. اللي جاي يزرع سنة مش مهتم بجراحة أنف.
  • القرار غالي وشخصي وبيتاخد على أسابيع، والمريض بيقارن في سرية من غير ما يسيب بياناته.
  • الدليل الحقيقي في المجال ده هو نتايج «قبل وبعد»، وهي محتوى حساس لازم يتعرض باحترام وبإذن.
02

اللي عملناه

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

اللي حصل

  • كل خدمة من الـ٢٢ بقت تشتغل كموقع صغير لوحدها: بتتلاقى، وبتقنع، وبتتحجز، من غير ما المريض يعدّي على تخصصين مالهمش علاقة بيه.
  • المريض بيقارن نتيجة قبل وبعد بنفسه بسحب فاصل على الصورة، مش بمقارنة صورتين جنب بعض في دماغه.
  • أداتين بيفلتروا المريض قبل الاستشارة: كويز بيرشّح الإجراء لحد مش عارف اسمه، وحاسبة كتلة بتقول لحد لو هو أصلًا مرشّح لعملية السمنة.

ملخص المشروع

الشغلانة دي كانت كبيرة قد إيه

كبير. ٢٢ خدمة في تلات تخصصات مختلفة، مكتبة معلومات تجميلية، تلات فروع بمواعيدها، معرض «قبل وبعد» بمقارنة تفاعلية، وأداتين تأهيل تفاعليتين. التعقيد هنا مش في عدد الصفحات، هو إن كل خدمة من الـ٢٢ لازم تشتغل كأنها موقع صغير قايم بذاته.

حجم المشروع
كبير
نوع الموقع
موقع مركز طبي متعدد التخصصات
بيتكلم مع مين
مرضى بيدوّروا على إجراء واحد بعينه، أغلبهم بيقارنوا بين مراكز لأسابيع وبيقروا من موبايل وبسرية. وجزء منهم بيستشير من برّه مصر.
مبني على
Next.js · Caddy · custom dashboard
  • 22

    صفحة خدمة

    من جراحات الأنف والثدي لزراعة الأسنان وعلاج السمنة بالمنظار

  • 3

    تخصصات مالهاش علاقة ببعض

    جراحات تجميل، أسنان، وعلاج سمنة بالمنظار

  • 3

    فرع بعنوانه ومواعيده

    المهندسين، الشيخ زايد، القاهرة الجديدة

  • 2

    أداة تفاعلية بتفلتر المريض

    كويز بيرشّح الإجراء، وحاسبة كتلة لمسار السمنة

اللي دخل في الشغل

  • استراتيجية وتموضع
  • معمارية معلومات لتلات تخصصات
  • تجربة استخدام ومسارات حجز
  • تصميم واجهات بلغة بصرية راقية
  • تطوير Next.js ولوحة تحكم للمحتوى
  • أدوات تفاعلية: اختبار ترشيح وحاسبة
  • بنية SEO تقنية لكل خدمة على حدة

التقنيات

  • Next.jsالموقع كله، والصفحات بتتولّد على السيرفر
  • Reactالأدوات التفاعلية ومقارنة قبل وبعد
  • Caddyسيرفر الويب والشهادات
  • next/imageصور النتايج بصيغ حديثة ومقاسات مناسبة
  • Custom dashboardالخدمات والمقالات وحالات قبل وبعد

العميل

مين اللي الموقع ده بتاعه

دار الجمال مركز طبي في القاهرة بيعرّف نفسه كمكان «يلتقي فيه الطب بفنّ الجمال»، وشغال من ٢٠٠٣. المركز بيجمع تحت سقف واحد تلات مجالات مالهمش علاقة ببعض إكلينيكيًا: جراحات التجميل (أنف، ثدي، شد وجه، نحت جسم، ترميم وحروق وندبات؛ وطب وتجميل الأسنان) زراعة، تقويم، تعويضات، علاج عصب، لثة، أسنان أطفال؛ وعلاج السمنة بالمنظار. وجنبهم الفيلر والبوتكس وليزر إزالة الشعر وزراعة الشعر.

المركز بيشتغل من تلات فروع (المهندسين والشيخ زايد والقاهرة الجديدة) وبيقدّم المؤسس، أ.د. إبراهيم كامل، أستاذ جراحة التجميل وعضو الجمعية الفرنسية لجراحة التجميل، كوجه أساسي للثقة. والأرقام اللي المركز بيعرضها على موقعه (سنين الخبرة وعدد المتعاملين وعدد الفروع) هي أرقامه هو المعلنة على صفحته.

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

ده معناه إن الموقع مش أداة تسويق جنب المركز، هو مرحلة كاملة من رحلة المريض بتحصل قبل أي مكالمة. والمركز اللي موقعه مش بيرد على أسئلة المرحلة دي بيتشال من المقارنة وهو مش عارف إنه اتشال.

الوضع قبل

الموقع كان واقف عند إيه

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

اللي بيدوّر على «زراعة أسنان» عايز يعرف نوع الزرعة والضمان والمدة والتكلفة. واللي بيدوّر على «جراحة أنف» عايز يشوف نتايج ويعرف مين اللي هيعمل الجراحة. واللي بيدوّر على «علاج السمنة بالمنظار» عايز يعرف إن كان مؤهل أصلًا. تلات أسئلة مختلفة تمامًا، وتلات مستويات قلق مختلفة.

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

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

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

المطلوب

الموقع الجديد كان لازم يعمل إيه

  • كل خدمة من الـ٢٢ ليها صفحة كاملة بلينك مستقل بتتلاقى من البحث.
  • مسار حجز من كل صفحة خدمة، مش من صفحة اتصل بنا واحدة.
  • عرض النتايج بشكل يقنع ويحترم الخصوصية في نفس الوقت.
  • المريض يعرف إن كان مؤهل للإجراء قبل ما يحجز استشارة.
  • الطبيب المؤسس حاضر كوجه ثقة في كل مسار.
  • الفروع بعناوينها ومواعيدها واضحة، والمريض يوصل للأقرب.

الاستراتيجية

اتعاملنا مع المشكلة إزاي

القرار الاستراتيجي الأساسي كان إن المركز يتقدّم من ناحية الخدمة مش من ناحية المركز.

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

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

معمارية المعلومات

٢٢ خدمة، كل واحدة بصفحة كاملة ولينك مستقل. التقسيم بيحترم إن التخصصات التلاتة منفصلة إكلينيكيًا: المريض اللي دخل على «زراعة الأسنان» بيتحرك بين خدمات الأسنان، مش بيتعرضله جراحات تجميل. التقسيم ده بيخلي المكان يبان متخصص في كل مسار على حدة بدل ما يبان عام في كلهم.

رحلة المريض

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

التأهيل قبل الاستشارة

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

الأدوات دي مش زينة. هي بتحل مشكلتين مع بعض: المريض اللي مش عارف اسم الإجراء بيلاقي طريقه، والعيادة بتستقبل استشارات مؤهلة بدل مكالمات بتنتهي بـ«الحالة دي مش مناسبة».

الدليل

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

الحجز

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

المحتوى

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

التصميم

الشكل، وسبب كل قرار فيه

اللغة البصرية هنا شغلتها إنها تقول «مكان محترم» قبل ما تقول أي حاجة تانية. بنفسجي عميق مع ذهبي، وخط عربي بمحارف كلاسيكية للعناوين، ومساحات واسعة. الرقي هنا مش زينة، هو إشارة تموضع: المريض بيقرا مستوى المكان من الصفحة قبل ما يقرا كلمة عن الأسعار.

في نفس الوقت، الجدية الطبية لازم تفضل واضحة. فالصفحة بتوازن بين الاتنين: الجزء الجمالي بياخد مساحته في الصور والتفاصيل، والجزء الطبي بياخد مساحته في الشرح والمؤهلات والخطوات.

وصور النتايج اتعاملنا معاها كمحتوى محوري مش كمعرض: هي جوه مقارنة تفاعلية بتخلي المستخدم هو اللي بيحرّك الفاصل ويشوف الفرق بنفسه، بدل ما يتفرج على صورتين جنب بعض ويقارن بعينه.

مقارنة تفاعلية بدل صورتين جنب بعض

الصورتين جنب بعض بتخلي المقارنة شغل المستخدم. الفاصل المتحرك بيحط الصورتين في نفس الإطار، فالفرق بيتشاف بدل ما يتحسب.

مراجعات جوجل زي ما هي

الشهادة المكتوبة على الموقع محدش بيصدّقها. المراجعة اللي المريض يقدر يفتحها على منصة تانية بتزن أكتر بكتير.

حجز في كل صفحة خدمة

المريض بيقرر في لحظة اقتناع. لو الحجز محتاج رجوع لقايمة، اللحظة بتضيع والقرار بيتأجل.

خط عربي كلاسيكي للعناوين

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

الفروع بمواعيدها كاملة

المريض بيختار على أساس المسافة. عنوان من غير مواعيد بيولّد مكالمة سؤال؛ عنوان بمواعيده بيولّد حجز.

أدوات تأهيل قبل الفورم

الفورم بيطلب من المريض يلتزم قبل ما يفهم. الأداة بتديله معلومة عن حالته الأول، وبعدين بيقرر هو يلتزم.

التنفيذ

اتبنى إزاي

الموقع مبني على Next.js بصفحات بتتولّد على السيرفر، وده اللي بيخلي ٢٢ صفحة خدمة فعلًا موجودين للبحث بمحتواهم بدل ما يكونوا مسارات بتتبني في المتصفح. القياس على الصفحة الرئيسية بيدي ١٬٢٧٤ كلمة بتتقري والجافاسكريبت مقفول، وده بيقول إن الكلام الطبي نفسه موجود في الـ HTML مش متحمّل بعدين.

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

والأدوات التفاعلية (الاختبار والحاسبة) اتبنوا كمكوّنات بتشتغل في المتصفح فوق صفحة موجودة أصلًا، فوجودهم مبيأثرش على إن الصفحة نفسها تتقري من غير جافاسكريبت.

  • سجل خدمة بحقول: تخصص، شرح، خطوات، أسئلة شائعة، حالات مرتبطة.
  • سجل مستقل لحالة «قبل وبعد» بيتعرض في صفحة الخدمة وفي المعرض.
  • مقارنة تفاعلية بفاصل متحرك للصور.
  • اختبار ترشيح بتلات أسئلة، وحاسبة كتلة جسم لمسار السمنة.
  • واتساب عائم متاح على مدار اليوم، وفورم قصير في كل صفحة خدمة.
  • لوحة تحكم للخدمات والمقالات والحالات، ولوحة تانية لمتابعة البحث.

المميزات

أهم اللي في الموقع

٢٢ صفحة خدمة مستقلة

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

معرض قبل وبعد بمقارنة تفاعلية

فاصل متحرك بيخلي الفرق يتشاف في نفس الإطار، مقسّم بنوع الإجراء.

اختبار ترشيح الإجراء

تلات أسئلة بترشّح الإجراء المناسب لحد مش عارف اسمه.

حاسبة كتلة الجسم

بتقول للمريض إن كان مرشّح لجراحة السمنة قبل ما يحجز استشارة.

مراجعات جوجل معروضة

مراجعات حقيقية يقدر المريض يفتحها بنفسه، بدل شهادات مكتوبة.

تلات فروع بمواعيدها

عناوين كاملة ومواعيد يومية، والمريض بيختار الأقرب.

واتساب على مدار اليوم

متاح من أي صفحة، لإن القرار بيتاخد في لحظة مش في ساعات العمل.

مكتبة مكتبة معلومات تجميلية تجميلية

بتشتغل على مرحلة الفهم اللي قبل القرار وبتوصّل لصفحة الخدمة.

القياس

الأرقام اللي تقدر تقيسها بنفسك دلوقتي

افتح الدومين وشغّل PageSpeed عليه. الأرقام دي المفروض تلاقيها زي ما هي.

  • 96

    Performance

    Lighthouse ديسكتوب: قياس على الدومين المنشور، 6 سبتمبر 2026

  • 92

    Accessibility

    Lighthouse ديسكتوب: قياس على الدومين المنشور، 6 سبتمبر 2026

  • 96

    Best Practices

    Lighthouse ديسكتوب: قياس على الدومين المنشور، 6 سبتمبر 2026

  • 85

    SEO

    Lighthouse ديسكتوب: قياس على الدومين المنشور، 6 سبتمبر 2026

تفاصيل تحت السطح. الأرقام دي من Lighthouse على الدومين المنشور.

الأداء ٩٦ وأفضل الممارسات ٩٦ على موقع فيه ٢٢ صفحة خدمة ومعرض نتايج وأداتين تفاعليتين، وده جاي من إن الصفحات بتتولّد على السيرفر والأدوات بتشتغل فوق صفحة موجودة أصلًا مش بدالها.

والـSEO ٨٥ هو أوطى رقم، وسببه محدد ومكتوب هنا زي ما هو: الصفحات بتنزل من غير عنوان ووصف مكتوبين لكل صفحة. البنية والمحتوى موجودين، والخانة دي محتاجة تتملا على صفحات الموقع كلها، وده شغل صيانة على المحتوى مش إعادة بناء.

وعلى مستوى المحتوى نفسه: ١٬٣٤٠ كلمة بتتقري في الصفحة الرئيسية والجافاسكريبت مقفول، يعني الشرح الطبي نفسه موجود في المستند اللي السيرفر بيبعته، وده الشرط اللي بيخلي كل صفحة خدمة تتلاقى لوحدها.

البحث

اللي اتظبط عشان جوجل يقراه

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

  • صفحة ولينك مستقل لكل خدمة من الـ٢٢، بصيغة عربية مقروءة.
  • canonical على كل صفحة، وmeta robots بتسمح بالفهرسة والتتبع.
  • المحتوى الطبي كامل في الـ HTML مش متحمّل بجافاسكريبت.
  • نص بديل على كل صورة، ١٦ من ١٦.
  • sitemap منشور بكل الصفحات، و robots بيقفل اللوحة والدخول والـ API.
  • Open Graph متظبط عشان اللينك يبان صح لما يتبعت على واتساب.
  • ربط داخلي من كل مقالة تجميلية للخدمة اللي بتخصّها.

01·من الشغل

اللي اتبنى بالظبط

التقسيم هو اللي بيوصف الشغل هنا، مش العدد.

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

الدليل، معرض قبل وبعد بمقارنة تفاعلية، مرتّب بنوع الإجراء، والحالة الواحدة بتظهر في صفحة خدمتها وفي المعرض العام من غير ما تتدخّل مرتين.

أدوات التأهيل، كويز تلات أسئلة بيرشّح الإجراء، وحاسبة كتلة الجسم لمسار السمنة.

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

02·من الشغل

مركز واحد، تلات تخصصات مالهمش علاقة ببعض

المشكلة الأساسية هنا بنيوية مش بصرية: مركز بيقدّم تلات تخصصات مالهمش علاقة ببعض، ومريض بييجي لواحد منهم بس.

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

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

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

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

03·من الشغل

الدليل في المجال ده صورة، والصورة دي حسّاسة

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

فالسؤال مكانش «نعرض صور ولا لأ». السؤال كان: نعرضها إزاي باحترام، وبموافقة، ومن غير ما الصفحة تبقى مش قابلة للاستخدام على الموبايل.

الإجابة كانت مقارنة تفاعلية: صورة واحدة، وفاصل الزائر بيسحبه بإيده فيشوف الفرق بنفسه. ده مش تأثير بصري، ده اختصار لعملية ذهنية. الزائر اللي بيبص على صورتين جنب بعض بيحاول يطابقهم في دماغه ويطلع بانطباع غير مؤكد؛ الزائر اللي بيسحب فاصل بيشوف الفرق على نفس الوجه في نفس الزاوية، والنتيجة بتوصل من غير كلام.

والحالة اتعملت سجل مستقل بصورتين ونوع الإجراء، فبتظهر في صفحة الخدمة وفي المعرض العام من غير ما حد يدخّلها مرتين. ده مش تنظيم داخلي، ده اللي بيخلي المعرض يفضل مرتّب بعد سنة بدل ما يبقى كومة صور.

وجنبها اتحطت مراجعات جوجل الحقيقية بدل شهادات مكتوبة. الشهادة المكتوبة على موقع العيادة محدش بيصدّقها؛ المراجعة اللي الزائر يقدر يفتحها بنفسه ويشوف اسم صاحبها بتشتغل.

04·من الشغل

تأهيل المريض قبل الاستشارة

فيه نوعين من الزوار بيضيّعوا وقت المركز ووقتهم هم: اللي مش عارف اسم الإجراء اللي محتاجه، واللي بيحجز استشارة لعملية هو مش مرشّح ليها أصلًا.

النوع الأول اتحلّ بكويز من تلات أسئلة. حد شايف حاجة عايز يغيّرها بس مش عارف الإجراء اسمه إيه، بيمشي في تلات أسئلة وبيطلع بترشيح لصفحة خدمة محددة. ده بيحوّل زائر تايه لزائر واصل، وبيمنع الاستفسار العام اللي بياخد مكالمة كاملة عشان يتحدد.

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

والحاجتين دول اتبنوا كمكوّنات بتشتغل في المتصفح فوق صفحة موجودة أصلًا، فوجودهم مكلّفش الصفحة قابليتها للقراءة من غير جافاسكريبت.

05·من الشغل

لغة بصرية بتقول «مكان محترم» قبل ما تقول أي حاجة

المريض بيقرا مستوى العيادة من الصفحة قبل ما يقرا كلمة عن السعر. فاللغة البصرية هنا مش زينة، هي إشارة تموضع.

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

وفي نفس الوقت الجدية الطبية لازم تفضل ظاهرة، لإن ده في الآخر مركز بيعمل جراحات. فالصفحة بتوازن الاتنين: الجانب الجمالي بياخد مساحته في التصوير والتفاصيل، والجانب الطبي بياخد مساحته في الشرح والمؤهلات والخطوات.

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

المراحل

الشغل مشى إزاي

تفكيك التخصصات التلاتة

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

الاستراتيجية

قرار البناء من ناحية الخدمة مش من ناحية المركز، وده اللي حدد عدد الصفحات وشكل القايمة.

معمارية المعلومات

تقسيم ٢٢ خدمة على تلات تخصصات، وربط الحالات والمقالات بكل خدمة.

المحتوى

كتابة صفحات الخدمات بمراجعة طبية، بلغة مفهومة لغير المتخصص.

التصميم

لغة بصرية راقية بلون وخط بيقولوا مستوى، ومقارنة قبل وبعد كمكوّن أساسي.

التطوير

Next.js، سجل خدمة بحقول، سجل حالة مستقل، والأدوات التفاعلية.

النزول ومراجعة مسارات الحجز

نزول، ومتابعة فهرسة كل خدمة من الـ٢٢ على حدة.

التسليم

اللي بقى ملكك

  • الدومين والاستضافة والملفات باسم العميل من أول يوم
  • لوحة تحكم المحتوى بيتعدّل منها من غير مبرمج
  • تسليم وشرح للفريق اللي هيمسك الموقع بعد كده
  • شهر متابعة وإصلاح بعد النزول

النتيجة

النتيجة

الموقع بقى بيتعامل مع المركز على حقيقته: مش جهة واحدة بتقدّم تلات تخصصات، لكن ٢٢ خدمة كل واحدة ليها مريضها وسؤالها ومستوى قلقها.

اللي بيدوّر على زراعة أسنان بيلاقي صفحة زراعة الأسنان (بشرحها وخطواتها وأسئلتها ونتايجها وطريق حجزها) من غير ما يعدّي على جراحات التجميل ولا على عمليات السمنة. واللي مش عارف اسم الإجراء اللي محتاجه بيعدّي على كويز من تلات أسئلة بيرشّحله. واللي بيفكر في عملية سمنة بيعرف من حاسبة الكتلة لو هو مرشّح أصلًا، قبل ما يحجز استشارة.

والنتايج (اللي هي الدليل الحقيقي في المجال ده) اتعرضت بمقارنة تفاعلية بيسحب فيها الزائر فاصل على نفس الإطار، مرتّبة بنوع الإجراء.

ملخص المشروع: مركز فيه تلات تخصصات مالهمش علاقة ببعض، ومريض جاي لواحد منهم بس. اتحلّت بقلب الترتيب (الخدمة بتتقدّم الأول والمركز بيعرّف نفسه جوه صفحة المريض مش قبلها) وبإن كل إجراء بيتدوّر عليه لوحده اداه صفحته المستقلة. النتيجة ٢٢ باب دخول بدل باب واحد، وكل باب بينتهي بحجز.

أرقام التسليم

  • 22

    صفحة خدمة مستقلة عبر تلات تخصصات

    عدّ من الـ sitemap المنشور، 6 سبتمبر 2026

  • 3

    فروع بعناوينها ومواعيدها

    صفحة التواصل المنشورة

  • 2

    أداة تفاعلية بتفلتر المريض قبل الاستشارة

    الموقع المنشور

  • 1

    إطار واحد بيتسحب فيه الفاصل، بدل صورتين جنب بعض

    معرض قبل وبعد المنشور

شغل زي ده بيبدأ بمكالمة بتشرح فيها وضعك

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

عملاؤنا

شركات اختارت تشتغل معانا

جزء من عملائنا، في قطاعات مختلفة تمامًا عن بعضها.

  • Bravo Agrochemicals
  • المصرية للأثاث المكتبي
  • مركز طريق الشفا
  • د. غادة يسري
  • Interact Labs
  • rawa روى
  • Next Industry
  • Medixia.ai
  • Falcon Water Treatment Systems
  • Golden Blast
  • هابي للصناعات البلاستيكية
  • Smart Modern School
  • Rafiq Academy
  • IPS Sports Academy
  • Mo Valley موفالي
  • Hyalure
  • G-Tour
  • Préime
  • Rahal
  • Dausar
  • El Gamry