تصميم منصة قرآنية تعليمية تفاعلية

"أصحاب الميمنة" هي منصة رقمية قرآنية تهدف إلى تعليم وتدبّر كتاب الله بأسلوب حديث وتفاعلي يجمع بين التقنية والمعلم البشري.

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

هدف المشروع

بناء تجربة رقمية تساعد المستخدم على:

تعلم القرآن الكريم من أي مكان بطريقة سهلة وواضحة.

التواصل مع المعلمين ومتابعة تقدّمه في الحفظ والتلاوة.

الاطلاع على الموارد القرآنية (كتب، مكتبة، مقاطع صوتية).

تعزيز الدافع الروحي والتربوي في تجربة الاستخدام.

الأقسام الأساسية للموقع

الصفحة الرئيسية (Home):

هيرو (Hero) ترحيبي برسالة المنصة.

أقسام تعريفية سريعة بالرؤية، الدروس، والمزايا.

كروت للدورات أو المعلمين المميزين.

CTA واضح مثل "ابدأ رحلتك مع القرآن".

صفحة المكتبة (Library):

عرض الكتب والموارد القرآنية بشكل منظم في Grid.

شريط بحث + فلتر للفئات (تفسير، تجويد، أطفال...).

تصميم نظيف ومناسب للقراءة الطويلة.

صفحة “من نحن” (About Us):

مقدمة تعريفية عن المبادرة.

الرؤية والرسالة.

القيم الأساسية (الإخلاص، الجودة، الابتكار، بناء جيل قرآني واعٍ).

قسم الفريق والمعلمين.

تصميم بطاقات تفاعلية واضحة.

? عملية التصميم (Design Process)

بحث وتحليل المنافسين:

مراجعة منصات مشابهة مثل “تجويد”، “قرآن أكاديمي”، و“أقرأ” لتحديد نقاط القوة والضعف.

تحديد المستخدمين الأساسيين (Personas):

طالب صغير (من 8–14 سنة): يريد تعلم القراءة الصحيحة.

شاب أو بالغ: يبحث عن تدبر ومعرفة.

وليّ أمر: يتابع تقدّم أبنائه.

تخطيط تجربة المستخدم (User Flow):

تنظيم مسار المستخدم من دخوله للموقع حتى انضمامه إلى دورة أو تحميل كتاب.

تصميم الـ Wireframes:

إنشاء نماذج أولية لتوزيع المحتوى والهيكل العام لكل صفحة.

تصميم الواجهات (UI Design) في Figma:

استخدام Grid System منظم.

الالتزام بالـ Spacing المناسب بين العناصر.

الاهتمام بالتناسق بين الصفحات (Layout – Buttons – Colors).

تحسين تجربة القراءة:

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

تقليل الزخرفة والاكتفاء بتفاصيل ناعمة.