تحويل موقع أكاديمية تعليمية إلى منظومة رقمية قادرة على خدمة المتعلم والمعلم والإدارة دون التضحية بسهولة الاستخدام
المشروع أكبر من مجرد موقع لعرض الدورات. أكاديمية علوم الأزهر تقدم مسارات متعددة تشمل القرآن، التجويد، القراءات، اللغة العربية، الدراسات الإسلامية، المقامات وبرامج الأطفال، مع أنماط تعلم فردية وجماعية ومسار يبدأ بالتقييم ثم اختيار البرنامج والتعلم ومتابعة التقدم وصولًا إلى الإنجاز والشهادات. هذا الحجم من المحتوى والوظائف كان يحتاج إلى Information Architecture واضحة حتى يستطيع المستخدم فهم الأكاديمية والوصول إلى المسار المناسب دون شعور بالتعقيد.
التحدي كان أكبر أيضًا بسبب تعدد أنواع المستخدمين. المنصة تحتاج إلى تجربة للمتعلمين، وأخرى للمعلمين، وإدارة قادرة على الإشراف على العملية التعليمية، إلى جانب عرض بروفايلات مفصلة للمعلمين وبرامجهم وتخصصاتهم. الموقع الحالي يعرض بالفعل دليلًا واسعًا للمعلمين، مع إمكانية التنظيم حسب التخصص واللغة والجنس، وصفحات مستقلة تعرض مؤهلات كل معلم وتخصصه واللغات التي يستخدمها.
وفي الوقت نفسه كان مطلوبًا دمج جانب تجاري حقيقي داخل المنصة، وليس فقط بيع الدورات؛ فالموقع يحتوي على متجر WooCommerce مستقل لبيع المصاحف وكتب القراءات والتجويد وغيرها من المنتجات التعليمية، مع الأسعار بالرينغيت الماليزي وسلة شراء ووسائل دفع.
الحل
إعادة تصميم التجربة بالكامل من الصفر وبناء هيكل موحّد يربط التعلم، المستخدمين، المعلمين والمتجر داخل هوية رقمية واحدة
رغم استخدام UiCore كبنية أساسية للمشروع، لم يتم الاعتماد على Demo جاهز؛ بل تم إنشاء التصميم والـ UI/UX من الصفر، مع استخدام Elementor Pro في بناء الصفحات والمكونات بما يتناسب مع الهوية التعليمية للأكاديمية وطبيعة الجمهور.
تم تنظيم تجربة المستخدم حول رحلة تعليمية واضحة تبدأ من اكتشاف الأكاديمية والكورسات، ثم التقييم المجاني، اختيار المسار الدراسي، إنشاء الحساب، الوصول إلى الفصول والمحتوى، متابعة التقدم والتقييمات، ثم الوصول إلى مرحلة الشهادة أو المسارات المتقدمة. الموقع نفسه يعرض هذه الرحلة على شكل مراحل تبدأ بالاستشارة والتسجيل والتعلم ثم Progress Tracking وGraduation & Certification.
كما تم بناء تجربة Role-Based تضم لوحات منفصلة للمتعلمين والمعلمين والإدارة، بحيث لا تكون المنصة مجرد واجهة تسويقية، بل جزءًا من التشغيل اليومي للعملية التعليمية. ويظهر من الموقع العام وجود Student Portal مستقل إلى جانب تطبيق الأكاديمية، حيث يستطيع المتعلم الوصول إلى الحصص، متابعة التقدم، مراجعة الحضور والتقييمات والبقاء على اتصال بالمعلم.
تم كذلك تطوير بنية واضحة للكورسات تعتمد على التصنيفات ومستوى الطالب والفئة العمرية وطبيعة الدراسة، مع صفحات كورسات تفصيلية تعرض أهداف البرنامج، المدة، محتوى التعلم، المتطلبات، الشهادات والمعلمين المرتبطين به. هذا يجعل بنية الموقع أقرب إلى Educational Ecosystem متكامل بدلًا من كتالوج دورات تقليدي.
وتم إعطاء المعلمين حضورًا حقيقيًا داخل تجربة المنصة من خلال دليل المعلمين وصفحات Profile مستقلة تعرض التخصص والمؤهلات والجامعة واللغات والإجازات والخبرة والمحتوى التعريفي، بدل الاكتفاء بإظهار أسماء المدرسين داخل صفحات الدورات فقط.
أما جانب التجارة الإلكترونية، فتم استخدام WooCommerce لإضافة متجر للكتب والمصاحف التعليمية، مع Advance Bank Payment Transfer Gateway لدعم الدفع والتحويلات البنكية. ويسمح هذا للأكاديمية بتقديم المحتوى والخدمات التعليمية والمنتجات المادية تحت نفس النظام الرقمي بدل إدارة متجر منفصل. المتجر الحالي يتضمن تصنيفات خاصة بمصاحف القراءات والتجويد والكتب التعليمية مع الفلترة والسلة والشراء.
Fluent Forms يخدم نماذج التواصل والاستفسارات والتقديم، بينما يسمح EmbedPress بإدراج أنواع مختلفة من المحتوى التعليمي والمستندات والوسائط داخل صفحات المنصة. وتم استخدام WP Rocket لتحسين الأداء وRank Math لإدارة الـ SEO وبنية الظهور العضوي للموقع.
المشروع يدعم كذلك جانبًا مؤسسيًا مهمًا؛ فالموقع لا يستهدف الأفراد فقط، بل يحتوي على تجربة مخصصة للشراكات مع المدارس والأكاديميات والمساجد والمؤسسات التعليمية، وهو ما يجعل الهيكل قادرًا على خدمة B2C وB2B في نفس الوقت