قیمت تبدیل طرح فیگما، XD یا PSD به HTML و وردپرس از چه چیزهایی تشکیل می‌شود و چطور بدون کم کردن کیفیت، هزینه‌ی پروژه را پایین بیاوری.
اولین سؤالی که تقریباً همه می‌پرسند این است: «طرحم آماده است، کد کردنش چقدر می‌شود؟» جواب کوتاه این است که به تعداد صفحه‌های متفاوت، نوع خروجی و چند گزینه‌ی جانبی بستگی دارد. جواب بلندش را این‌جا می‌خوانی تا وقتی از هر کسی قیمت گرفتی، بدانی دقیقاً بابت چه پولی می‌دهی.
اگر حوصله‌ی خواندن نداری، ماشین‌حساب صفحه‌ی تعرفه همین حالا قیمت و تاریخ تحویل را نشانت می‌دهد.
قیمت از چه چیزهایی ساخته می‌شود؟
۱. تعداد صفحه‌های «متفاوت»، نه همه‌ی صفحه‌ها
مهم‌ترین عامل، تعداد صفحه‌هایی است که چیدمان متفاوت دارند. اگر سایتت ۴۰ صفحه‌ی مقاله دارد ولی همه از یک قالب استفاده می‌کنند، فقط یک صفحه حساب می‌شود. صفحه‌ی اصلی معمولاً گران‌ترین بخش است، چون بیشترین بخش‌ها و جزئیات را دارد. صفحه‌های داخلی بعد از آن سریع‌تر و ارزان‌تر کد می‌شوند، چون اجزای مشترک مثل هدر، فوتر، دکمه‌ها و کارت‌ها یک بار ساخته شده‌اند.
۲. خروجی: HTML خالص یا قالب وردپرس
خروجی HTML/CSS/JS برای لندینگ، سایت معرفی و هر جایی که محتوا زیاد عوض نمی‌شود کافی است. اگر می‌خواهی متن‌ها، مقاله‌ها یا محصولات را خودت از پنل عوض کنی، باید طرح به قالب اختصاصی وردپرس تبدیل شود. این یعنی همان HTML به‌علاوه‌ی اتصال هر بخش به پنل وردپرس، که طبیعتاً هزینه و زمان بیشتری دارد.
۳. گزینه‌های جانبی
- انیمیشن و افکت: حرکت موقع اسکرول، هاور پیچیده و ترنزیشن بین بخش‌ها.
- حالت تاریک: یعنی دو نسخه از همه‌ی رنگ‌ها و جابه‌جایی بینشان.
- دوزبانه یا راست‌چین: وقتی سایت هم فارسی است هم انگلیسی، کار فقط ترجمه نیست؛ چیدمان باید در هر دو جهت درست کار کند.
- ساخت نسخه‌ی موبایل: اگر طرح موبایل نداری و باید از روی دسکتاپ ساخته شود.
۴. زمان تحویل
اگر کار را فوری می‌خواهی، همان حجم کار در نصف زمان انجام می‌شود و این یعنی کنار گذاشتن پروژه‌های دیگر. برای همین تحویل فوری هزینه‌ی اضافه دارد.
چه چیزهایی نباید جدا پول بگیرند؟
بعضی چیزها جزو کار پایه‌اند و اگر کسی بابتشان هزینه‌ی جدا خواست، باید دقیق‌تر بپرسی:
- ریسپانسیو بودن برای موبایل، تبلت و دسکتاپ (وقتی طرح موبایل را داری)
- سئوی فنی پایه مثل تگ‌های درست، ساختار تیترها و متا
- بهینه‌سازی تصاویر و سرعت
- رفع اشکال‌هایی که بعد از تحویل پیدا می‌شوند و مربوط به خود کد هستند
چطور هزینه را بدون افت کیفیت کم کنی؟
فایل را مرتب تحویل بده. طرحی که کامپوننت، Auto Layout و رنگ‌های تعریف‌شده دارد، سریع‌تر کد می‌شود. چک‌لیست آماده‌سازی فایل فیگما را قبل از ارسال یک بار مرور کن.
صفحه‌های تکراری را یکی کن. اگر دو صفحه فقط در یک بخش فرق دارند، شاید بشود یک قالب با دو حالت ساخت.
از اول بگو چه می‌خواهی. اضافه شدن انیمیشن یا زبان دوم وسط کار، هم گران‌تر است و هم زمان را عقب می‌اندازد.
HTML یا وردپرس را درست انتخاب کن. اگر محتوا را سالی یک بار عوض می‌کنی، وردپرس لازم نیست. اگر هفته‌ای چند مقاله می‌گذاری، بدون پنل اذیت می‌شوی. مقایسه‌ی کامل‌تر را در قالب اختصاصی یا المنتور نوشته‌ام.
یک مثال واقعی
فرض کن یک سایت شرکتی داری با صفحه‌ی اصلی، درباره‌ی ما، خدمات، تماس و صفحه‌ی مقاله. این می‌شود ۵ صفحه‌ی متفاوت. اگر خروجی وردپرس بخواهی و انیمیشن ملایم هم داشته باشد، قیمت و زمان را با همین تنظیمات در ماشین‌حساب تعرفه ببین. عددی که می‌بینی همان چیزی است که موقع سفارش ثبت می‌شود.
پرداخت چطور است؟
۵۰٪ پیش‌پرداخت، شروع کار، پیش‌نمایش زنده روی دستگاه‌های خودت و بعد از تأیید تو، تسویه و تحویل کامل سورس. یعنی تا نتیجه را ندیده‌ای، کل مبلغ را پرداخت نکرده‌ای.
جمع‌بندی
قیمت منصفانه برای تبدیل طرح به کد از تعداد صفحه‌های متفاوت، نوع خروجی و گزینه‌های جانبی ساخته می‌شود؛ نه از «حس» فروشنده. هر جا قیمت گرفتی، بپرس دقیقاً چه چیزهایی داخلش هست. اگر طرحت آماده است، از صفحه‌ی ثبت سفارش قیمت دقیق را ببین و همان‌جا شروع کن.