تجربه: 2

سن: 18 الی 30

محدوده حقوق و دستمزد: قابل مذاکره

جای خالی: 1

طبیعت شغلی : پیمانی

تاریخ ارسال : 2026.01.06

آخرین تاریخ : 2026.02.13

با توجه به به‌روزرسانی ویدیو پس‌زمینه صفحه اول پروژه متاورس رنگ در نسخه‌های موبایل و دسکتاپ، خوانایی محتوای متنی و عناصر تعاملی که روی ویدیو قرار گرفته‌اند به‌طور جدی کاهش یافته است. ادامه استفاده از محتوای Overlay روی ویدیو، تجربه کاربری را مختل کرده و باعث از دست رفتن پیام اصلی صفحه می‌شود.

---

هدف ریدیزاین

هدف این تسک، بازطراحی صفحه اول به‌صورت نسخه لایت، خوانا و استاندارد است به‌گونه‌ای که:

• تمرکز بصری کاربر حفظ شود

• محتوا به‌وضوح قابل خواندن باشد

• ساختار صفحه برای موبایل و دسکتاپ بهینه و ریسپانسیو باشد

---

دامنه طراحی (Scope)

1. انتقال محتوا از روی ویدیو

   • تمامی محتوای متنی و المان‌های اصلی که روی ویدیو قرار دارند (تیتر، توضیحات، CTAها) باید:

     • از روی ویدیو حذف شوند

     • به یک سکشن مستقل در زیر ویدیو منتقل شوند

   • ویدیو صرفاً نقش بصری و هویتی داشته باشد و فاقد محتوای متنی Overlay باشد.

2. چیدمان جدید محتوا

   • پس از ویدیو:

     1. سکشن محتوای اصلی (تیتر، توضیح، دکمه‌ها)

     2. سکشن مسابقات

     3. سکشن تعاملات و فعالیت‌های اجتماعی

   • ترتیب نمایش در موبایل و دسکتاپ باید یکسان و منطقی باشد، با تطبیق چیدمان متناسب با سایز صفحه.

3. طراحی ریسپانسیو

   • طراحی جداگانه و مشخص برای:

     • موبایل

     • دسکتاپ

   • اولویت طراحی با موبایل (Mobile First) باشد.

   • فاصله‌ها، سایز فونت و کنتراست رنگی برای خوانایی بالا تنظیم شود.

4. نسخه لایت

   • کاهش شلوغی بصری

   • حذف افکت‌ها و المان‌های غیرضروری

   • تمرکز بر محتوا، پیام و مسیر تعامل کاربر

---

الزامات طراحی

• حفظ هویت بصری متاورس رنگ

• رعایت سلسله‌مراتب بصری (Visual Hierarchy)

• عدم استفاده از متن روی ویدیو

• آماده‌سازی طراحی برای تحویل مستقیم به تیم فرانت

---

خروجی مورد انتظار

• فایل طراحی فیگما صفحه اول (Desktop + Mobile)

• ساختار خوانا و قابل توسعه

• صفحه اول بدون مشکل خوانایی محتوا روی ویدیو

• آماده برای پیاده‌سازی بدون نیاز به بازطراحی مجدد

------------------------------------------------------------------------------------------------------------

منابع تسک:

فیگما و سیستم دیزاین
https://www.figma.com/design/sMuoKrJG3vFwXDChULYUXk/Metaverse-RGB-beta-v?t=5pBGOxsR3yUj1HEO-0

لینک سایت رسمی پروژه :

https://rgb.irpsc.com/fa

دسترسی به سامانه مدیریت بر مدیران :

https://crm.irpsc.com

صفحه اول اجرا شده
https://rgb.irpsc.com/fa