رسپانسیو سازی وب‌سایت Travian Legacy

### عنوان پروژه: رسپانسیو سازی وب‌سایت بازی آنلاین Travian Legacy 📋 **شرح پروژه** هدف اصلی این پروژه، تبدیل وب‌سایت بازی آنلاین Travian Legacy به یک وب‌سایت کاملاً رسپانسیو (واکنش‌گرا) برای نمایش بهینه در دستگاه‌های موبایل و تبلت است. وب‌سایت در حال حاضر به‌طور کامل برای دسکتاپ طراحی شده و عملکرد خوبی دارد، اما در دستگاه‌های موبایل مشکلات جدی در نمایش و تجربه کاربری وجود دارد. **لینک پروژه**: [سایت Travian Legacy](https://test.travianlegacy.com/) **اکانت تست برای مشاهده محیط داخل بازی**: - **Username**: test - **Password**: test123 ### 🎯 اهداف پروژه - تبدیل وب‌سایت به یک وب‌سایت کاملاً رسپانسیو - حفظ تمام قابلیت‌ها و عملکردهای نسخه دسکتاپ - بهینه‌سازی تجربه کاربری (UX) در دستگاه‌های موبایل - حفظ ساختار کد فعلی و عدم وابستگی به فریمورک‌های سنگین - حفظ سازگاری با مرورگرهای مختلف - بهینه سازی کد های css و کمتر شدن فشار لود در مرورگر ### 🛠 فناوری‌های مورد استفاده - HTML5 - CSS3 (با تمرکز بر Media Queries و واحدهای نسبی) - JavaScript - jQuery ### 📱 مشکلات فعلی در نسخه موبایل - عدم تطبیق عرض: محتوا از عرض صفحه موبایل فراتر می‌رود - مقیاس نادرست: عناصر بسیار ریز یا بزرگ نمایش داده می‌شوند - عدم بهینه‌سازی ناوبری: منوها برای تاچ اسکرین مناسب نیستند - مشکلات تعاملی: دکمه‌ها و لینک‌ها قابل کلیک نیستند - جدول‌های غیررسپانسیو: جداول از صفحه خارج می‌شوند - تصاویر ثابت: تصاویر با عرض ثابت باعث ایجاد اسکرول افقی می‌شوند ### 👥 مهارت‌های مورد نیاز **الزامی**: - تسلط کامل به HTML5، CSS3 و JavaScript - تجربه عملی در ساخت وبسایت‌های رسپانسیو - آشنایی با jQuery - درک عمیق از Media Queries - تجربه در بهینه‌سازی وب‌سایت‌های موجود **مطلوب**: - تجربه در زمینه بازی‌های آنلاین - آشنایی با مفاهیم UX برای موبایل - توانایی کار با ابزارهای توسعه‌دهنده مرورگر - نمونه کارهای مشابه در رزومه ### 📊 تحویل‌های پروژه 1. گزارشی از تحلیل و طرح اجرایی 2. نسخه اولیه با لایه‌بندی رسپانسیو پایه 3. نسخه کامل با کلیه کامپوننت‌های رسپانسیو 4. نسخه نهایی پس از تست و رفع اشکال ### 📅 فازبندی پروژه **فاز 1: تحلیل و بررسی (3-5 روز)** - بررسی دقیق ساختار فعلی HTML/CSS/JS - شناسایی کامپوننت‌ها و الگوهای استفاده شده - ایجاد لیست تغییرات لازم - تعریف breakpointهای مناسب **فاز 2: پیاده‌سازی پایه (7-10 روز)** - افزودن متاتگ viewport و تنظیمات پایه - ایجاد CSS reset/responsive - پیاده‌سازی media queries اصلی **فاز 3: بهینه‌سازی کامپوننت‌ها (10-14 روز)** - رسپانسیو کردن منوها و فرم‌ها - بهینه‌سازی جداول و محتوا **فاز 4: تست و رفع اشکال (5-7 روز)** - تست در دستگاه‌های مختلف - بهینه‌سازی performance ### 💰 مدل همکاری و بودجه - **پیشنهاد مدل همکاری**: پروژه‌ای (Fixed-price) با پرداخت یکجا در پایان کار - **تخمین هزینه**: بین 5 تا 10 میلیون تومان (بسته به تجربه فریلنسر و جزئیات پیاده‌سازی) - **زمان تحویل**: 25 تا 35 روز کاری ### 📝 نحوه درخواست همکاری متخصصان علاقه‌مند می‌توانند با ارسال موارد زیر برای همکاری اقدام کنند: - رزومه و نمونه کارهای مرتبط - تحلیل اولیه از وب‌سایت و پیشنهادات مشخص - برآورد زمان و هزینه - روش‌های پیشنهادی برای تست و تضمین کیفیت **توجه مهم**: این پروژه نیازمند دقت بالاست زیرا وب‌سایت یک بازی آنلاین فعال است و هرگونه تغییر نباید بر عملکرد بازی تأثیر منفی بگذارد.