قمتُ بتصميم وتخصيص موقع ووردبريس كامل لمعهد QAF Institute، وهو معهد عالمي متخصص في تعليم القرآن الكريم واللغة العربية والدراسات الإسلامية للطلاب من مختلف دول العالم.
ركزتُ في المشروع على بناء واجهة احترافية وهادئة تعكس الهوية الأكاديمية والمعايير العالية التي يتميز بها المعهد.
المرحلة الأولى – الإعداد والتأسيس
اختيار قالب ووردبريس احترافي مناسب للمنصّات التعليمية الإسلامية.
تثبيت وتهيئة ووردبريس مع إعدادات الحماية والأداء.
تجهيز بنية قوية تدعم التصفح السلس وتعدد اللغات.
المرحلة الثانية – التخصيص والتطوير
تم تعديل القالب بشكل كامل ليناسب هوية QAF Institute من خلال:
هيكلة الصفحات والمحتوى
تصميم الصفحة الرئيسية لتُبرز:
رسالة المعهد ورؤيته.
البرامج التعليمية الأساسية: القرآن الكريم – اللغة العربية – الدراسات الإسلامية.
صورة بصرية هادئة وعصرية تمثل التعليم الإسلامي عبر الإنترنت.
صفحة "من نحن" تتضمن التعريف بالمنهج، الخبرة، والرؤية.
صفحة "الدورات" تشمل:
دورات القرآن الكريم.
دورات اللغة العربية.
الدراسات الإسلامية.
برامج الأطفال والكبار.
صفحة الأسعار والتنظيم بطريقة واضحة للطلاب الدوليين.
قسم الأخبار والمقالات.
صفحة المكتبة والمواد التعليمية.
صفحة التواصل مدمجة مع الواتساب للتسجيل المباشر.
الهوية البصرية والتجربة
ضبط نظام الألوان (الأخضر – الأبيض) بما يعكس الطابع الهادئ والأصيل للموقع.
استخدام تصميم نظيف، بسيط، ومنظم يناسب المعاهد التعليمية المعتمدة.
مراعاة إبراز الثقة من خلال عرض بيانات المعلمين والشهادات والاعتمادات.
المرحلة الثالثة – التصميم الجرافيكي
تصميم صور تعريفية وبنرات خاصة بالبرامج التعليمية.
تصميم أيقونات تمثل:
القرآن الكريم
اللغة العربية
الدراسات الإسلامية
إضافة لمسات بصرية إسلامية أنيقة (فوانيس – زخارف هندسية خفيفة).
تصميم عناصر للـ CTA وروابط السوشيال ميديا.
المرحلة الرابعة – الاختبار والإطلاق
اختبار الموقع على جميع الأجهزة (موبايل – تابلت – كمبيوتر).
تحسين سرعة التحميل وتجربة المستخدم.
تفعيل جميع روابط التسجيل والتواصل.
تجهيز الموقع ليكون جاهزًا للجمهور الدولي.
النتيجة النهائية
موقع تعليمي عالمي يتميز بـ:
واجهة احترافية وجذابة للطلاب وأولياء الأمور.
عرض واضح ومنظم للدورات والبرامج.
إبراز قوة المعهد: معلمون مجازون – طلاب من أكثر من 35 دولة – جودة تعليم عالية.
تصميم يعكس الأصالة الإسلامية مع لمسة عصرية راقية.
الأدوات المستخدمة
WordPress + Elementor
HTML / CSS للتخصيص المتقدم
Photoshop / Canva لتصميم الصور والهوية البصرية