البورتفوليو / خبرة الفريق عبر شركة تنفيذية أخرى
Movies & Series

الفيلم ينتهي.
والنقاش يبدأ.

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

أيقونة Movies & Series الأصلية في موكاب ثلاثي الأبعاد
منصة مراجعات ومجتمعاتهوية · UX/UI · تطوير · اختبارمساهمة الفريق عبر شركة أخرى
01 / MOVIES & SERIES

مش بس تختار فيلم.
تلاقي مساحة لرأيك.

Movies & Series منصة يكتب عليها المستخدم مراجعاته، ويتفاعل داخل المجتمعات والهاشتاجات. ويكتشف أعمالًا ومنصات مشاهدة وعروض سينما من نفس السياق.

أوصل للفيلم اللي يهمّني

تنظيم الأعمال والتصنيفات والبحث، بحيث يلاقي الزائر عنوانًا يعرفه أو يكتشف عنوانًا جديدًا.

أشارك رأيي وأكمل النقاش

مراجعات وتعليقات ومجتمعات وهاشتاجات. التفاعل داخل المساحات العامة؛ المنتج لا يتضمن دردشة خاصة.

أشوف أثر مشاركتي

رتب وشارات مرتبطة بالمشاركة، وملخص سنوي يعرض الأعمال والتفاعلات البارزة في تجربة المستخدم.

02 / MOVIES & SERIES

شعار واحد.
من أيقونة صغيرة لمساحة كبيرة.

حروف الاسم وزر التشغيل داخل تكوين دائري واضح. امتدّ النظام إلى الأيقونة والصور التعريفية والمحتوى، مع الخلفيات الداكنة والأصفر والبرتقالي الخاصين بالمشروع.

موكاب أيقونة Movies & Series ثلاثية الأبعاد
تطبيق الهوية على أيقونة. موكاب عرض، وليس دليلًا على إطلاق تطبيق مستقل.
العلامة الأصلية لـMovies & Series على خلفية داكنة
العلامة الأصلية: حروف الاسم وزر التشغيل داخل إطار دائري.
موكاب لوحة إعلانية لهوية Movies & Series
تطبيق تصوّري للهوية على لوحة إعلانية؛ لا يُقدَّم باعتباره حملة خارجية نُفذت.

ألوان المواد المعروضة تخص Movies & Series. هوية Maqbin وإطار المقالة يحتفظان بنظامهما البصري.

03 / MOVIES & SERIES

من الاكتشاف،
لتفاصيل تستاهل القراءة.

التحدّي التصميمي هو جمع الأعمال والبحث والتفاصيل ومحتوى المنصات دون ما يضيع الزائر بين أنواع مختلفة من المعلومات. اللقطات بتعرض تنظيم المكتبة، والترشيحات، والوصول لصفحة العمل.

تصميم واجهة Movies & Series على الديسكتوب في موكاب حاسوب
تصميم الديسكتوب · عرض ثابت من مواد المشروع.
MOBILE / UI DESIGN

نفس المكتبة.
على شاشة في إيدك.

البحث، والتصنيفات، والترشيحات في واجهة متكاملة مصممة للموبايل. استعرض التجربة بالكامل عبر السحب أو التمرير داخل شاشة الهاتف بدون أي شريط تمرير وبأعلى مستويات النعومة والوضوح.

مرّر بعجلة الفأرة، أو اسحب باللمس داخل الشاشة
تصميم Movies & Series للموبايل: شاشات الاكتشاف والتصنيفات وتفاصيل العمل والمجتمعات والمراجعات
FIGMA / DESIGN FRAME

تفاصيل الفيلم،
والمراجعات في نفس السياق.

لقطة فعلية من ملف Figma: معلومات العمل والتقييمات، ووجهات المشاهدة، والعرض التشويقي، والتعليقات، ثم أعمال مرتبطة للاكتشاف.

نسخة التصميم المعروضة هنا تستخدم سطحًا فاتحًا، بينما مواد تقديم البراند المرفقة تعرض اتجاهًا داكنًا. نعرض كل مادة كما وردت، دون تقديمها كنسخة تشغيل واحدة.

شاهد الشاشة في ملف التصميم →
لقطة ثابتة من Figma لواجهة تفاصيل الفيلم بدقة فائقة
لقطة ثابتة من ملف Figma · صفحة تفاصيل الفيلم.

البحث يبدأ باسم تعرفه

حقل واضح للوصول لعمل محدد، مع نتائج تربط عنوان العمل بتفاصيله.

اكتشاف من مداخل مختلفة

أحدث الإضافات، والتصنيفات، والمنصات، والترشيحات. مداخل متعددة داخل مكتبة واحدة.

الموبايل جزء من التجربة

توزيع المحتوى والبطاقات يتغير مع المساحة؛ العرض المحلي المرفق يوضح ترتيب الصفحة على شاشة أصغر.

04 / MOVIES & SERIES

مراجعتك جزء من هويتك
داخل المجتمع.

المساهمة ما بتقفش عند تقييم العمل. المشاركة داخل المجتمعات والهاشتاجات ترتبط بالرتب والشارات، وتتجمع في ملخص سنوي شخصي.

المجتمعات والهاشتاجات

النقاش يتجمع حول الاهتمام أو العمل، ويقدر المستخدم يتفاعل داخل سياق واضح، من غير رسائل خاصة.

رتب وشارات للمشاركة

علامات توضّح حضور العضو وتفاعله داخل المنصة.

سنتك في الأفلام والنقاشات

ملخص للأعمال اللي علّقت عليها، والمشاركات اللي لاقت تفاعلًا؛ طريقة شخصية لمراجعة نشاطك خلال السنة.

مساحة للمنصات والسينمات

مواضع إعلانية لمنصات المشاهدة وعروض السينما، تتيح الوصول لوجهة المشاهدة أو الحجز من صفحة العمل.

05 / MOVIES & SERIES

المحتوى يبدأ من السؤال
اللي الجمهور بيتكلم فيه.

أخبار الإصدارات، وترتيب الأعمال، وأسئلة عن النهاية والشخصيات. قوالب متنوعة تربط الصورة بعنوان مباشر، مع بقاء الشعار واللغة البصرية واضحين.

الأرقام وأسماء الأفلام والمنصات داخل التصميمات جزء من المواد الأصلية المعروضة. ليست نتائج أداء لفريق Maqbin، ولا إثبات شراكات تجارية مع المنصات الظاهرة.

06 / MOVIES & SERIES

الهوية والواجهات،
ومعهم شغل التطوير.

شمل دور الفريق الهوية وتجربة الاستخدام والواجهات، وبرمجة الموقع والواجهة الخلفية، والتطوير والاختبار، ضمن تنفيذ الشركة الأخرى للمشروع.

BrandingUX / UI DesignWebsite DevelopmentBackendTesting

ربط التصميم بالتطوير شمل صفحات الموقع وواجهته الخلفية، مع اختبار التجربة ضمن نطاق تنفيذ الفريق للمشروع.

← كل مقالات المشاريع