سلام وقت بخیر خدمت فریلنسرهای عزیز

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

کسانی که تجربه مناسب و نمونه کار خوب در موارد مشابه دارن پیام بدن لطفا

حتما قیمت پیشنهادی تون رو در پیام ارسالی برام بنویسید. پروژه به بهترین قیمت داده خواهد شد.

پروژه های بیشتر هم درحال اجرا هست که درصورت ارائه کیفیت بالا میتونیم در پروژه های بیشتر همکاری کنیم

کسانی که در حال حاضر وقت ازاد برای اجرای این پروژه دارند پیام بدهند لطفا

اگر به کدنویسی php و html css در قالب وردپرس هم مسلط هستید حتما اعلام کنید (برای پروژه های دیگر نیاز دارم)

ممنون

پروژه‌ای در حوزه فرانتند با Next.js در حال انجام است که تقریبا 80% پیشرفت داشته و نیاز به کمک یک توسعه‌دهنده حرفه‌ای برای تکمیل و بهبود پروژه دارد.

ویژگی‌ها و مولفه‌های پروژه:

پروژه با Next.js طراحی شده و المان‌های سه بعدی و اینترکشن‌های سه بعدی با Three.js ایجاد شده‌اند. تغییراتی توی انترکشن ها وجود داره که باید انجام بدید و بعضی جاها هم تکمیل نشده که باید تکمیل بشه پس باید به Three.js مسلط باشید.

برخی قسمت‌های داینامیک از طریق بکندی که همان توسعه‌دهنده قبلی با Next.js نوشته، مدیریت می‌شوند.

وظایف توسعه‌دهنده:

تکمیل قسمت‌های ناتمام

رفع مشکلات رابط کاربری (مسائل مرتبط به UI/UX)

بهبود عملکرد و افزایش سرعت پروژه

مراحل فاینالایز پروژه

مهارتهای لازم:

تسلط کامل به Next.js

تجربه در کار با Three.js و مدل‌های سه بعدی

مهارت در رفع اشکالات کدنویسی و بهینه‌سازی ساختار

همچنین فایل تغییرات پروژه ضمیمه شده که لطفا مشاهده کنید. ممکنه مورد های جزئی دیگه اضافه بشه که جلسه میذاریم و به تفاهم میرسیم.

لطفا در صورت علاقه به همراه رزومه نمونه کارهای مشابه قبلی خود را ارسال نمایید.

در این پروژه قصد داریم تا تصویر یک بنر را بر اساس اسکرول صفحه به تدریج از عرض مشخصی شروع کرده و به طور روان به عرض کامل صفحه برسد. تصویر باید از وسط صفحه شروع شود و در حین اسکرول گسترش یابد تا نهایتاً به 100% عرض صفحه برسد. اهداف پروژه:

تصویر بنر باید از عرض 65.3435% شروع شود و به تدریج با اسکرول به 100% برسد.

از ویژگی‌های CSS مانند transition برای ایجاد یک تغییر تدریجی و روان استفاده شود.

برای بهبود عملکرد تغییرات، از ویژگی will-change برای اعلام تغییرات احتمالی در عرض و ارتفاع استفاده شود.

تصویر باید از وسط صفحه شروع شود و در طول اسکرول، حرکت عمودی آن با توجه به مقدار اسکرول تنظیم شود.

متن در صفحه باید در موقعیت ثابت بماند و از وسط صفحه در بالای تصویر قرار بگیرد.

انیمیشن‌ها باید روان و با سرعت منطقی انجام شوند.

نیازمندی‌های فنی:

HTML/CSS: تغییرات لازم برای انیمیشن و تنظیمات CSS برای بنر و تصویر.

JavaScript: برای مدیریت تغییرات در عرض و ارتفاع تصویر بر اساس مقدار اسکرول.

ویژگی‌های CSS:

    transition: برای اعمال تغییرات تدریجی در عرض و ارتفاع.

    will-change: برای بهبود عملکرد و اعلام تغییرات در آینده.

    position: absolute برای ثابت نگه داشتن متن در صفحه.

نحوه عملکرد:

وقتی کاربر اسکرول می‌کند، عرض تصویر از 65.3435% به تدریج با اسکرول افزایش می‌یابد و زمانی که اسکرول به مقدار مشخصی رسید، عرض تصویر به 100% می‌رسد.

در هنگام افزایش عرض تصویر، متن در صفحه باید ثابت باقی بماند و به اندازه ارتفاع بنر پایین بیاید تا هماهنگ با تصویر حرکت کند.

انیمیشن‌ها باید روان و با زمان‌بندی مناسب انجام شوند تا تجربه کاربری بهتری ایجاد شود.

توضیحات تکمیلی:

این انیمیشن باید تنها برای صفحات بزرگتر از 768px فعال باشد (برای دستگاه‌های موبایل این ویژگی فعال نمی‌شود).

تغییرات باید به صورت تدریجی انجام شود و برای جلوگیری از تغییرات ناگهانی یا سریع، از انیمیشن‌های CSS استفاده شود.

برای اطمینان از روان بودن انیمیشن‌ها، باید از will-change برای ویژگی‌های width و height استفاده کرد.

مهارت‌های مورد نیاز:

تسلط به HTML، CSS و JavaScript

تجربه کار با انیمیشن‌های CSS و transition

آشنایی با بهینه‌سازی عملکرد وب (استفاده از will-change و دیگر روش‌های بهینه‌سازی)

مدت زمان پروژه:

زمان تخمینی برای تکمیل پروژه: 1 هفته (با توجه به نیاز به تست و بهینه‌سازی)

نیازمندی‌ها:

کد باید قابل انعطاف باشد تا در آینده برای تغییرات بیشتر یا افزودن ویژگی‌های جدید، به راحتی قابل ویرایش باشد.

کد باید در مرورگرهای مختلف (Chrome, Firefox, Safari) به درستی کار کند.

به یک طراح سایت حتما (شاپیفای) با حداقل 1 سال تجربه در شاپیفای

• حتما مسلط به کدنویسی ویدجت های شاپیفای برای 1 همکاری طولانی مدت (حداقل 1 سال ) نیازمندیم.

اگر برای این موقعیت شغلی تمایل دارید، اثبات تسلطتتون در کدنویسی ویدجت با یک تست ساده الزامی میباشد.