تبدیل طرح فتوشاپ به صفحات reactjs

عنوان پروژه: دعوت به همکاری طراح UI با Figma

شرح پروژه:
ما در حال راه‌اندازی یک سامانه ویدئوی درخواستی (VOD) مشابه «فیلیمو» است و به یک طراح رابط کاربری (UI) حرفه‌ای و مسلط به ابزار Figma نیازمندیم تا صفحات اصلی وب‌سایت و پنل کاربری را با توجه به استانداردهای روز و تجربه کاربری بهینه طراحی کند.

مسئولیت‌ها و خروجی‌های مورد انتظار:
• طراحی صفحات کلیدی سامانه (صفحه اصلی، ثبت نام/ورود، جستجو، جزئیات محتوا، پنل کاربری و …)
• تحویل فایل‌های طراحی در سه اندازه 360px، 1024px و 1440px برای هر صفحه
• ارائه سیستم دیزاین (Design System) شامل:
– مجموعه کامپوننت‌ها
– استایل‌ها (رنگ، تایپوگرافی، آیکون‌ست و …)
– نمونه‌برداری از جریان‌های کاربری (UX Flows)

شرایط همکاری:

1. ارسال لینک نمونه‌کارهای قابل بررسی در Figma
2. درج زمان تقریبی و هزینه طراحی هر صفحه (به‌صورت مجزا)
3. در صورت امکان، پیوست یا لینک سیستم دیزاین پیشنهادی
4. دارا بودن امکان برگزاری جلسه آنلاین تصویری برای مصاحبه و ارائه دموی زنده
5. آگهی به‌صورت نامحدود ثبت شده و امکان درج اطلاعات تماس شخصی در متن درخواست وجود دارد

نحوه ارسال پیشنهاد:
لطفاً کلیه موارد زیر را به همراه فایل یا لینک نمونه‌کارها، پیشنهاد زمان و هزینه (به تفکیک هر صفحه) و در صورت آماده بودن سیستم دیزاین، به شناسه روبیکا زیر ارسال کنید:
@hida_admin

دسته‌بندی پروژه: توسعه نرم‌افزار و آی‌تی

با تشکر از توجه شما و منتظر دریافت پیشنهادات خلاقانه و حرفه‌ای شما هستیم.

ما یک وب‌سایت وردپرسی فعال به نام MrLandSeller. com داریم و نیازی به طراحی سایت از صفر نداریم. سایت فعلی باید توسعه و بهینه‌سازی شود. این سایت فقط زمین‌های یک شرکت را نمایش می‌دهد و یک کاربر مسئول ورود و مدیریت اطلاعات زمینها است. شرح کار

1. نصب و تنظیم نسخه Pro افزونهدر حال حاضر نسخه رایگان افزونه اصلی روی سایت نصب است و ما نسخه Pro آن را خریداری کرده‌ایم.نصب و فعال‌سازی نسخه Proبررسی سازگاری با قالب و سایر افزونه‌هاحفظ تمام Propertyها و اطلاعات فعلیرفع مشکلات احتمالی بعد از آپدیتاستفاده حداکثری از امکانات و Shortcode های خود افزونهدر صورت نیاز، پیشنهاد افزونه جانبی یا Custom Development قبل از اجرا
2. Home Pageبهبود ظاهر و UI/UX صفحه اصلیاضافه کردن Search Bar با استفاده از Shortcodeامکان جستجوی Property بر اساس State، County، City و سایر فیلترهای موجوداضافه کردن Map Search با استفاده از قابلیت‌های افزونه و Shortcodeنمونه‌های طراحی: Legendary Land و Your Corner Land
3. Our Propertiesایجاد ساختار مناسب برای نمایش Property ها بر اساس ایالت:Our Properties → State → Properties → Property Detailsساختار باید قابل توسعه باشد تا در آینده بتوان Stateهای جدید اضافه کرد.
4. صفحات سایتبهبود یا ایجاد صفحات زیر:Contact Us – طراحی حرفه‌ای و فرم تماسFAQ – نمایش سؤالات به صورت AccordionAbout Us – ایجاد صفحه معرفی شرکتFooter / Disclaimer – قرار دادن یک Disclaimer واحد در Footer تمام صفحات
5. UI/UX و Responsiveظاهر مدرن، ساده و حرفه‌ایبهبود Navigation و Property Cardsهماهنگی رنگ‌ها، فونت‌ها و دکمه‌هانمایش صحیح در موبایل، تبلت و دسکتاپ
6. سرعت و Performanceبررسی و بهینه‌سازی:سرعت بارگذاری صفحاتCore Web VitalsتصاویرCacheCSS و JavaScriptعملکرد افزونه‌هاMobile Performance
7. SEOبررسی SEO و Technical SEO سایت، از جمله:Meta Title و DescriptionHeadingهاURLهاInternal LinkingSitemap و IndexingBroken LinksSchema در صورت نیازساختار SEO صفحات Property و Stateارائه پیشنهاد برای افزایش ترافیک Google

نکات مهم سایت از صفر طراحی نمی‌شود. اطلاعات و Propertyهای فعلی نباید از بین بروند. قبل از تغییرات مهم، ساختار فعلی سایت بررسی و Backup گرفته شود. تا حد امکان از امکانات و Shortcodeهای افزونه فعلی استفاده شود و از برنامه‌نویسی غیرضروری جلوگیری شود. قبل از نصب افزونه جدید یا انجام تغییرات اساسی، راهکار با ما هماهنگ شود. تمام تغییرات در موبایل و دسکتاپ تست شوند. بعد از اتمام کار، تمام بخش‌های اصلی سایت تست شوند تا عملکرد فعلی سایت دچار مشکل نشده باشد. هدف پروژه: بهبود سایت فعلی MrLandSeller. com و تبدیل آن به سایتی سریع‌تر، حرفه‌ای‌تر، کاربر پسندتر و مناسب‌تر برای جستجو و فروش زمین، بدون باز طراحی کامل سایت.

سلام و احترام

برای طراحی رابط کاربری و تجربه کاربری یک سایت فروشگاهی با شخصیت برند لاکچری نیاز به یک طراح ماهر و با سابقه میباشد

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

در صورتیکه نمونه کار استاندارد و با کیفیت با فیگما دارید همراه با پیشنهاد ارسال بفرمایید (پیشنهادات بدون نمونه کار بررسی نمیشود)

سپاس از شما