تحديات المشروع
يتابع عشّاق الرياضة الأخبار وهم في حركة دائمة: قبل انطلاق المباراة، وبين شوطيها، وفور إطلاق صافرة النهاية؛ لذا لا تملك الصفحة الرئيسية لموقع رياضي سوى ثوانٍ معدودة لتعرض النتيجة أو التشكيل أو خبر الانتقال الذي جاء القارئ من أجله، بلغة عربية سليمة وعلى أي شاشة بين يديه. وتمثّل التحدي في تحويل غرفة أخبار سريعة الإيقاع تتصدّرها كرة القدم إلى تجربة واضحة ونابضة بالحيوية من اليمين إلى اليسار، تشمل: هيكلاً للتصنيفات يُبقي «كرة القدم» و«آخر الأخبار» في الصدارة، مع تخصيص مساحة مستقلة لكلٍّ من التنس وكرة السلة والجري والدراجات والسباحة وكرة اليد والكرة الطائرة والرياضات الشتوية؛ وصفحة رئيسية توازن بين الخبر الرئيسي ومختارات «تسليط الضوء» والأخبار «الأكثر شعبية» وكتلة مخصّصة لكرة القدم وتدفّق متواصل من «المزيد من الأخبار» دون ازدحام؛ وصفحات تصفّح وأرشيفاً يمتدّان بالفعل إلى أكثر من مئة صفحة؛ وصفحات مقالات مهيّأة للقراءة السريعة والمشاركة؛ وميزات للقرّاء مثل حفظ المقالات والوضع الداكن؛ ووسيلة بسيطة للتواصل مع فريق الموقع، مع الحفاظ على خفة الصفحات الغنية بالصور لتُحمَّل بسرعة على شبكات الهاتف المحمول.
مخرجات المشروع
تصميم تجربة وواجهة المستخدم
صمّمنا واجهة رياضية جريئة بهوية Malaeb: الشعار العربي باللونين الأحمر والأسود مع رمز كرة القدم، وترويسة سوداء واضحة، ومساحات بيضاء مريحة للقراءة، ووسوم تصنيف حمراء تجعل رياضة كل خبر مميَّزة من النظرة الأولى. وتُبقي الترويسة القائمة الرئيسية («الرئيسية»، و«أخبار الرياضة»، و«تواصل معنا») والمحفوظات ومفتاح الوضع الداكن والبحث في متناول اليد، ويليها شريط للرياضات يضم كرة القدم والتنس والجري والدراجات الهوائية والبيسبول والتزلج على الثلج وغيرها. تُفتتح الصفحة الرئيسية بخبر رئيسي بعرض الصفحة يعرض العنوان ووسم القسم ومدة القراءة وعدد التعليقات فوق صورة المباراة، يليه شريط يضم ثلاثة عناوين أخرى. ثم يتوالى قسم «تسليط الضوء»، وقائمة «الأكثر شعبية»، وكتلة مرقّمة لـ«كرة القدم»، وشبكة «المزيد من الأخبار» ببطاقات مصوّرة تضم المقتطفات والتواريخ وزر الحفظ بنقرة واحدة، لتُختتم الصفحة بتذييل داكن يضم أهم الصفحات وأفضل المقالات. وتجمع صفحات الأقسام بين شريط عنوان أنيق تزيّنه خطوط ملعب خفيفة وشبكة بطاقات من ثلاثة أعمدة مع ترقيم الصفحات، فيما تضع صفحات المقالات وسم القسم والعنوان والتاريخ وأزرار المشاركة على Facebook وX وLinkedIn وWhatsApp في الصدارة، مع عمود جانبي لأحدث المنشورات والتصنيفات و«الأفضل في الأسبوع»، وروابط للخبر السابق والخبر التالي أسفل المقال. وقد صُمّمت التجربة بأكملها أصلاً من اليمين إلى اليسار بخطوط عربية واضحة، مع ترويسة مدمجة على الهاتف المحمول تُبقي القائمة والمحفوظات والوضع الداكن على بُعد نقرة واحدة.
تطوير الموقع الإلكتروني
طوّرنا موقعاً إخبارياً رياضياً متجاوباً على منصة ووردبريس باستخدام Elementor، يعتمد العربية لغةً أساسية بتخطيط كامل من اليمين إلى اليسار، مع سير عمل للنشر يتيح لفريق التحرير نشر الأخبار وتصنيفها على مدار اليوم في أقسام كرة القدم، وآخر الأخبار، والتنس، وكرة السلة، والجري، والدراجات، والسباحة، وكرة اليد، والكرة الطائرة، وغيرها. ويضم الموقع الصفحة الرئيسية، وصفحة «أخبار الرياضة» التي تعرض اسم الكاتب والتاريخ وعدد التعليقات والمشاهدات، وأرشيفات التصنيفات لكل رياضة، وقوالب المقالات المفردة بأزرار المشاركة على وسائل التواصل الاجتماعي وروابط التنقل بين الخبر السابق والخبر التالي، إضافة إلى صفحة «تواصل معنا» بنموذج للاستفسارات (الاسم، والبريد الإلكتروني، ورقم الهاتف، والرسالة)، والبريد الإلكتروني [email protected]، وخريطة مدمجة لموقع القاهرة، فضلاً عن صفحة «الشروط والأحكام». كما تتيح حسابات القرّاء، بخصائص التسجيل وتسجيل الدخول واستعادة كلمة المرور، صفحةً شخصية للمقالات المحفوظة، ويُكيّف مفتاح التبديل بين الوضعين الفاتح والداكن تجربة القراءة. ويشمل الموقع ترقيم صفحات الأرشيف، وخاصية البحث، والبيانات الوصفية لتحسين الظهور في محركات البحث مع وسوم Open Graph وبطاقات Twitter لعرض الروابط بشكل أنيق عند مشاركتها، والبيانات المنظَّمة، وخريطة للموقع بصيغة XML. وقد ضبطنا أداء جميع القوالب على أجهزة سطح المكتب والهواتف المحمولة، ليتمكّن عشّاق الرياضة من متابعة أحدث الأخبار الرياضية في أي وقت ومن أي مكان.