El Madrasah.Com

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

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

أهداف التصميم

توضيح رسالة المدرسة وقيمها من أول لحظة دخول.

تسهيل رحلة المستخدم من التعرف على المدرسة وحتى حجز الاستشارة.

تعزيز الثقة من خلال عرض الشراكات، آراء أولياء الأمور، والأسئلة الشائعة.

تقديم المحتوى بشكل منظم وبسيط بدون تشتيت.

منهجية التصميم

تم بناء الصفحة بتسلسل منطقي يبدأ بالـ Hero Section برسالة قوية ودعوة واضحة لاتخاذ إجراء.

تقسيم المحتوى إلى Sections واضحة مثل:

لماذا تختار المدرسة؟

التخصصات التعليمية

الدورات المميزة

شركاء النجاح

آراء العملاء

استخدام نظام كروت (Cards) لتسهيل القراءة والمقارنة.

الاعتماد على Visual Hierarchy واضح لتوجيه عين المستخدم تدريجيًا داخل الصفحة.

الهوية البصرية وتجربة المستخدم

تم اختيار اللون الأخضر كلون أساسي لما يعكسه من النمو، الاستقرار، والراحة النفسية.

استخدام مساحات بيضاء كافية لتحسين قابلية القراءة.

تصميم متجاوب وسهل التصفح مع أزرار CTA واضحة ومحفزة.