تجربه: 3

سن: 18 الی 30

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

جای خالی: 1

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

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

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

در این تسک، صفحه «مشخصات شهروندی» بر اساس سیستم دیزاین متاورس رنگ در فیگما ریدیزاین می‌شود. در این ریدیزاین، علاوه بر ساختار فعلی اطلاعات کاربر، جایگاه مشخص و استانداردی برای نمایش آیکون‌های شبکه‌های اجتماعی کاربر (لینک‌های خارجی ثبت‌شده در مودال «درباره من») طراحی خواهد شد.

هدف این است که نمایش آیکون‌ها کاملاً منظم، خوانا، هماهنگ با هویت بصری سامانه و قابل توسعه تا حداکثر ۳ لینک باشد، بدون ایجاد شلوغی یا تداخل با سایر اجزای صفحه.

---

وظایف

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

• تحلیل جایگاه مناسب برای نمایش آیکون شبکه‌های اجتماعی (در هدر پروفایل یا بخش اطلاعات کلی)

• طراحی چیدمان آیکون‌ها به صورت:

  • حداکثر ۳ آیکون

  • دارای حالت Hover (در دسکتاپ)

  • دارای حالت Active و Disabled در صورت نبود لینک

• تعیین فاصله‌گذاری (Spacing) دقیق بر اساس گرید سیستم دیزاین

• طراحی نسخه‌های:

  • لایت

  • دارک

• طراحی کامل برای:

  • موبایل

  • دسکتاپ

• در نظر گرفتن حالت‌های مختلف:

  • کاربر بدون لینک

  • کاربر با ۱ لینک

  • کاربر با ۲ لینک

  • کاربر با ۳ لینک

• مشخص کردن رفتار بصری هنگام کلیک (مثلاً باز شدن در تب جدید — در سطح دیزاین اشاره شود)

• تعریف سایز استاندارد آیکون‌ها و نسبت آن‌ها با تصویر پروفایل

• رعایت هماهنگی با نگین سطح، شناسه شهروندی و سایر المان‌های هویتی

---

بخش‌های اجرایی

• طراحی هدر پروفایل با جانمایی جدید آیکون‌ها

• طراحی بخش اطلاعات کلی با نسخه به‌روزشده

• طراحی کامپوننت آیکون شبکه اجتماعی به‌صورت مستقل (Reusable Component)

• تعریف استایل‌ها در هر دو تم لایت و دارک

• ارائه Prototype قابل کلیک برای بررسی تجربه کاربری

• آماده‌سازی فایل فیگما به صورت منظم با:

  • Auto Layout

  • Variants

  • Components استاندارد

---

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

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

• نمایش دقیق موقعیت قرارگیری آیکون‌های شبکه‌های اجتماعی

• نسخه کامل موبایل و دسکتاپ

• نسخه لایت و دارک

• Prototype جهت ارائه به کارفرما برای تأیید اولیه

• آمادگی طرح برای تحویل به تیم فرانت بدون ابهام اجرایی

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

منابع تسک:

سیستم دیزاین

https://www.figma.com/design/sMuoKrJG3vFwXDChULYUXk/Metaverse-RGB-beta-v?node-id=2973-3354&t=bqiF9khlqRQ73ukM-0

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

https://rgb.irpsc.com/fa

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

https://crm.irpsc.com