"Oral Health" – صفحة هبوط لعيادة أسنان

تصميم وتطوير صفحة هبوط متجاوبة بالكامل وعالية التحويل لعيادة أسنان متكاملة. كان الهدف من الصفحة تجسيد الطابع الطبي الاحترافي مع الحفاظ على دفء الترحيب بالمرضى، وتوفير تجربة مستخدم سلسة تزيد من معدل حجوزات المواعيد وتعرض خدمات العيادة بشكل جذاب. دوري في المشروع: مطور واجهات أمامية (Front-End Developer) / مصمم واجهة وتجربة المستخدم (UI/UX Designer) التقنيات المستخدمة: HTML5 و CSS3 (شبكات تخطيط مخصصة وتأثيرات بصرية) JavaScript (تفاعلية الأقسام وعناصر الحجز) تصميم ويب متجاوب (منهجية البدء بالهواتف المحمولة Mobile-first) Figma (التخطيط المبدئي وتصميم النماذج الأولية) أهم الميزات التي تم تنفيذها: القسم الرئيسي (Hero Section): تصميم قسم ترحيبي قوي يجمع بين نص تسويقي مقنع وصورة العيادة مع زر واضح لـ "حجز موعد" يوجّه الزائر فوراً نحو التحويل. قسم الخدمات: عرض 6 خدمات طبية بتصميم بطاقات (Cards) مميزة لكل منها لون وأيقونة مخصصة تعكس طبيعة الخدمة. معرض الصور (قبل وبعد): تنفيذ معرض بصري تفاعلي يُظهر نتائج العلاجات بطريقة مقنعة تبني الثقة لدى الزائر. قسم الفريق الطبي: تصميم بطاقات للأطباء تتضمن التخصص وسنوات الخبرة والتقييمات لتعزيز المصداقية. شريط الإحصائيات: عرض أرقام العيادة (عدد المرضى، سنوات الخبرة، التقييم) لتعزيز الثقة بشكل فوري. آراء المرضى: قسم شهادات مصمم بعناية مع أسماء وتقييمات تُشعر الزائر الجديد بالأمان. التحدي: كان العميل بحاجة إلى صفحة تحقق توازناً دقيقاً بين المظهر الطبي الموثوق والجمالية البصرية الجذابة. كثير من مواقع العيادات إما باردة ومعقدة أو مبسطة للغاية وغير احترافية. كان المطلوب تصميماً يبث الثقة للمريض القلق ويقنعه بالحجز في نفس الوقت. الحل: اعتمدت على لوحة ألوان هادئة تمزج الأزرق الطبي بالخلفيات البيضاء النظيفة لخلق شعور بالنظافة والاحترافية. استخدمت تخطيطات Grid خفيفة بدون أطر عمل ثقيلة للحفاظ على سرعة التحميل. وظّفت الأيقونات والرسومات التوضيحية SVG المخصصة بدلاً من الصور الثقيلة، مما أنتج صفحة سريعة التحميل ذات تجربة بصرية غنية حققت معدل تحويل مرتفعاً لحجوزات المواعيد.