لعبة المراعي — لعبة تفاعلية لمطابقة المنتجات للمختصين في الرعاية الصحية

التحدي

المراعي أرادوا طريقة تفاعلية لتعريف الأطباء والمختصين بمنتجات التغذية العلاجية خلال مؤتمر IPNC. بدلاً من كتيبات أو عروض تقديمية تقليدية، كانوا يحتاجون تجربة تفاعلية تجعل التعلم ممتعاً وتنافسياً.

ما بنيناه

لعبة ويب تفاعلية تجمع بين مطابقة البطاقات والتعلم عن المنتجات — بتصميم مستوحى من عالم الطب مع شخصية طبيب كرتونية ترافق اللاعب طوال التجربة.

شاشة البداية

شاشة ترحيب بتصميم حيوي تعرض شعار المراعي وIPNC مع زر "Start" بارز. شخصية الطبيب الكرتونية محاطة ببطاقات المنتجات المتطايرة تخلق إحساس بالحماس والفضول.

تسجيل المشاركين

نموذج تسجيل يجمع بيانات المشاركين: الاسم، الدولة، المستشفى أو المركز، التخصص، البريد الإلكتروني، ورقم الهاتف. تصميم بخلفية زرقاء متدرجة مع ساعة رملية تشير لعنصر الوقت في اللعبة.

تحدي تذكّر البطاقات

المرحلة الأولى: 6 بطاقات مقلوبة تحمل منتجات المراعي الغذائية. اللاعب يحتاج لتذكّر موقع كل منتج. عداد زمني في الأعلى يضيف عنصر التحدي والإثارة.

مطابقة المنتج بالاستخدام

المرحلة الثانية: مطابقة صورة المنتج الصحيحة مع دواعي الاستخدام الطبية. كل بطاقة تعرض المنتج ووصفه الطبي — من التغذية عالية البروتين لمرضى الكلى إلى التغذية الكاملة لمرضى الرئة المزمنة.

لوحة المتصدرين

لوحة متصدرين مباشرة تعرض الأسرع والأبطأ — تضيف عنصر التنافس بين المشاركين في المؤتمر. كل لاعب يرى ترتيبه مقارنة بالآخرين.

شاشة التهنئة

عند إكمال التحدي بنجاح، شاشة تهنئة بألعاب نارية وشخصية الطبيب محاطة بمنتجات المراعي. تجربة ختامية تترك انطباعاً إيجابياً.

البنية التقنية

لعبة ويب تفاعلية مبنية بـ Angular 20 و TypeScript مع رسوم كرتونية مخصصة. تتضمن نظام تسجيل مع تحقق غير متزامن، عداد زمني دقيق، منطق مطابقة البطاقات، لوحة متصدرين مباشرة، مؤثرات صوتية، وتأثيرات بصرية (ألعاب نارية). مصممة للعمل على الأجهزة اللوحية في أجنحة المؤتمرات.

لماذا هذا مهم

التلعيب يحوّل التعلم عن المنتجات من تجربة مملة إلى تحدي ممتع. الأطباء يتعلمون عن منتجات المراعي الغذائية العلاجية وهم يتنافسون — وهذا يعني تذكّر أفضل وانطباع أقوى من أي كتيب تقليدي.