AG
الأعمال ←

دراسة حالة — 04

Noor Al Mamzar Medical Center

الدور
تصميم UI/UX
البناء
فيجما — تصميم فقط، تم تسليمه
النوع
عيادة متعددة التخصصات، ثنائية اللغة (عربي/إنجليزي)
التركيز
ثقة مبنية لغتين، مش مترجمة لواحدة
هيدر الصفحة الرئيسية لـ Noor Al Mamzar Medical Center: Health and Beauty Care, Crafted with Trust in the Heart of Dubai، مع زرّي Book Now وWhatsApp فوق صورة الاستقبال، وصور الدكاترة والتمرجية في الأسفل
01 التحدي

موقع ثنائي اللغة ومتعدد التخصصات، لازم يكسب الثقة مرتين.

Noor Al Mamzar بتشغل تحت سقف واحد تخصصات الأسنان، إزالة الشعر بالليزر، الجلدية، وجراحة التجميل، لجمهور في دبي بيتنقل بين العربي والإنجليزي يوميًا — ده بريف مختلف تمامًا عن عيادة بلغة واحدة. كل عنوان، وكل رقم، وكل دعوة لاتخاذ إجراء، لازم تحمل نفس الثقة في الاتجاهين، مش تبان كأنها ترجمة لصقت على تصميم إنجليزي.

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

02 التفكير

الإثبات وطريقتا التواصل الاتنين، قبل ما المستخدم يعمل سكرول.

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

ثنائية اللغة بالتصميم، مش بالافتراض

خط rh zak font للعناوين العربية وخط Mirado للإنجليزية متطابقين في الوزن والمساحة، عشان النسخة العربية ما تبانش كإضافة مترجمة بعد كده.

الأرقام قبل الكلام

شريط 100,000+ مريض، 10,200+ عملية، 53 دكتور، 15 سنة خبرة، موجود مباشرة تحت الهيرو، قبل أي وصف للخدمات.

الدعوتان الاتنين موجودين في الهيرو

Book Now وWhatsApp جنب بعض تحت العنوان، عشان الزائر اللي قرر بالفعل ما يحتاجش يعمل سكرول عشان يلاقي أي الطريقتين.

03 التوجه البصري

باليتة سيچ وكريمي، أدفأ من الأزرق الطبي اللي الفئة دي بتعتمد عليه عادةً.

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

كاروسيل Comprehensive Health and Beauty Services على خلفية سيچ، فيه كارت Dental Treatment بزر Book Now كريمي وأسهم تنقل للكاروسيل
كاروسيل الخدمات بينقل الباليتة لواجهة فعلية: أرضية سيچ، كارت كريمي، لون دافي واحد لكل صورة خدمة.

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

أساسي#73826D
حبر#2F2F2F
أبيض#FFFFFF
حيادي#DADADA
نص#555555
سطح#FAF8F2
باهت#8A8A8A

عنوان إنجليزي

Mirado

نص إنجليزي

Cairo

عنوان عربي

rh zak font

نص عربي

Cairo

04 عبر الأجهزة

صورة واحدة متصلة بتنقسم لنصين؛ على الموبايل، بتتحول لصورتين منفصلتين.

على الديسكتوب، كارتي "Request a Call Back" و"Chat on WhatsApp" موجودين جنب بعض فوق صورة فوتوغرافية واحدة متصلة بتمتد ورا الكارتين الاتنين — صورة واحدة بتخدم دعوتين مختلفتين لاتخاذ إجراء. على الموبايل، الصورة دي مش مجرد معمولها تصغير: بتتبدل بصورتين مقصوصتين بشكل مستقل، كل واحدة متناسقة الدرجة مع كارتها — قصة دافية فاتحة ورا فورم طلب المكالمة، وقصة أغمق وأكتر جوًا ورا WhatsApp — إعادة بناء مقصودة للتخطيط المرصوص فوق بعض، مش نسخة متصغرة من صورة الديسكتوب.

كارتا Request a Call Back وChat on WhatsApp على الديسكتوب جنب بعض، بيتشاركوا صورة فوتوغرافية واحدة متصلة بتمتد وراهم الاتنين
الديسكتوب — صورة واحدة، مقسومة ورا كارتين.
كارت Request a Call Back على الموبايل فوق صورة بورتريه فاتحة ودافية، مرصوص فوق كارت Chat on WhatsApp منفصل فوق صورة بورتريه أغمق
الموبايل — صورتان منفصلتان، واحدة لكل كارت، بدرجة لون مستقلة.
05 البناء

سُلّم كنظام جاهز للبناء، مش مجموعة شاشات.

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

شاشة الهيرو على الموبايل بنفس العنوان الفوقي والعنوان الرئيسي وزوج أزرار Book Now / WhatsApp مثل الديسكتوب، مرصوصة فوق صورة الاستقبال
دعوتا الإجراء وشريط الإحصائيات في الهيرو انعكسوا على الموبايل بنفس الدقة اللي كانوا عليها في الديسكتوب — موصّفين مع بعض، مش معدّلين بعد كده.
06 ما يميزها

شوية قرارات بتقرا كقرارات UX، مش ديكور.

وأنا براجع المشروع بعين UX، تلات قرارات بتعمل أكتر من اللي بتبان بيه:

نظام ثنائي اللغة، مش نظام مترجم

rh zak font وMirado متناسقين في الوزن والنسبة، عشان تبديل اللغة ما يحسسك إنك بدّلت موقع كامل.

علامة استفهام كعنصر بصري

عنوان "Why Choose Noor Almamzar" بيستخدم علامة استفهام ديكورية مكبّرة ورا كلمة "Choose" مميّزة بشكل حبة دوائية — عنوان قسم جاهز اتحول لعنصر محدد وممكن تملكه في الهوية.

قالب صورة واحد لكل دكتور

كل بورتريه في كاروسيل "Meet Our Expert Team" بيستخدم نفس معالجة الاستوديو بالدرجة الخضراء، عشان مجموعة دكاترة مصوّرين كل واحد لوحده تبان كفريق واحد متناسق ومُدار بصريًا.

07 الصقل

دعوتان لاتخاذ إجراء، متكررتان — ومحدش يقدر يتنافس معاهم بتالتة.

Book Now وWhatsApp فضلوا هما الوحيدين في الصفحة كلها — متكررين في الهيرو، وبعد كاروسيل الخدمات، ومرة تانية في قسم طلب المكالمة المخصص — من غير ما ينضم ليهم دعوة تالتة أو رابعة متنافسة، عشان القرار يفضل ثنائي أي ما كان مكان الزائر في الصفحة.

08 النتيجة

عيادة واحدة، بتُقرأ نفس القراءة في لغتين.

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