ثبت سفارش

قیمت طراحی سایت با کدنویسی در ۱۴۰۵: از لندینگ تا سایت چندصفحه‌ای

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

قیمت طراحی سایت با کدنویسی اختصاصی در ۱۴۰۵ چقدر است؟ عوامل تعیین قیمت، مقایسه با قالب آماده و وردپرس، و نمونه‌ی محاسبه برای لندینگ و سایت شرکتی.

«طراحی سایت چند درمیاد؟» سؤالی است که جواب یک‌کلمه‌ای ندارد. قیمت‌هایی که در اینترنت می‌بینی از دو میلیون تا چند صد میلیون تومان است، و هر دو عدد هم می‌تواند درست باشد. چون «سایت» برای هر کسی یک معنی دارد. در این مقاله توضیح می‌دهم قیمت طراحی سایت با کدنویسی دقیقاً از چه چیزهایی ساخته می‌شود و با چند نمونه‌ی واقعی نشان می‌دهم سایت تو حدوداً چقدر هزینه دارد.

طراحی سایت با کدنویسی یعنی چه؟

سه راه اصلی برای ساخت سایت هست:

  • قالب آماده: یک قالب وردپرس یا HTML آماده می‌خری و محتوای خودت را جای محتوای نمونه می‌گذاری.
  • صفحه‌ساز: با ابزارهایی مثل المنتور صفحه‌ها را با کشیدن و رها کردن می‌سازی.
  • کدنویسی اختصاصی: طرح سایت مخصوص تو کشیده می‌شود، معمولاً در فیگما، و برنامه‌نویس آن را خط به خط با HTML، CSS و جاوااسکریپت می‌سازد. اگر پنل مدیریت لازم باشد، همین کد به قالب اختصاصی وردپرس تبدیل می‌شود.

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

قیمت از چه چیزهایی ساخته می‌شود؟

۱. طراحی رابط کاربری (UI)

اگر طرح سایت را نداری، اول باید طراحی شود. این کار طراح UI است و جدا از کدنویسی قیمت‌گذاری می‌شود. اگر طرح فیگما، XD یا فتوشاپ از قبل آماده است، این هزینه حذف می‌شود و فقط کدنویسی می‌ماند.

۲. تعداد صفحه‌ها

صفحه‌ی اول، معمولاً صفحه‌ی اصلی یا لندینگ، گران‌ترین است. چون هدر، فوتر، فونت‌ها، رنگ‌ها و کامپوننت‌های پایه همان‌جا ساخته می‌شوند. صفحه‌های داخلی از همین قطعه‌ها استفاده می‌کنند و ارزان‌ترند.

۳. HTML خالص یا وردپرس

سایت HTML خالص سریع‌ترین و ارزان‌ترین گزینه است، ولی برای عوض کردن متن‌ها باید کد را ویرایش کرد. اگر می‌خواهی محتوا را خودت از پنل عوض کنی، تبدیل به قالب وردپرس هزینه‌ی جداگانه دارد.

۴. امکانات اضافه

  • انیمیشن و افکت‌های حرکتی
  • حالت تاریک
  • نسخه‌ی دوزبانه، مثلاً فارسی و انگلیسی
  • ساخت نسخه‌ی موبایل، اگر طرح فقط دسکتاپ دارد

هر کدام درصدی به قیمت پایه اضافه می‌کنند.

۵. زمان تحویل

اگر سایت را فوری لازم داری، برنامه‌نویس باید کارهای دیگرش را عقب بیندازد. تحویل فوری معمولاً حدود ۵۰٪ گران‌تر است.

نمونه‌ی محاسبه با تعرفه‌ی ۱۴۰۵

این عددها بر اساس تعرفه‌ی فعلی کد اینجاس و برای حالتی است که طرح آماده داری:

نوع سایتخروجیقیمت تقریبیزمان
لندینگ تک‌صفحهHTMLاز ۶ میلیون تومان۲ روز کاری
سایت شرکتی ۵ صفحهHTMLحدود ۱۶ میلیون تومان۶ روز کاری
سایت شرکتی ۵ صفحهقالب وردپرسحدود ۲۶ میلیون تومان۸ روز کاری
سایت ۱۰ صفحه دوزبانهقالب وردپرسحدود ۵۷ میلیون تومان۱۷ روز کاری

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

چرا بعضی‌ها ارزان‌تر می‌گیرند؟

قیمت پایین معمولاً یکی از این دلیل‌ها را دارد:

  • قالب آماده به اسم طراحی اختصاصی. سایت شبیه طرح تو «می‌شود»، ولی در واقع قالب آماده‌ای است که رنگش عوض شده.
  • صفحه‌ساز سنگین. ساخت سریع است، ولی سایت کند می‌شود و هر به‌روزرسانی افزونه ممکن است چیدمان را به هم بریزد.
  • بدون نسخه‌ی موبایل درست. سایت در دسکتاپ خوب است و در موبایل، جایی که بیشتر بازدیدکننده‌ها هستند، به هم ریخته.
  • بدون سئوی فنی. تیترها، سرعت و ساختار صفحه برای گوگل درست نیست و سایت دیده نمی‌شود.

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

چطور هزینه را کم کنیم؟

  • طرح را مرتب تحویل بده. فایل فیگمای منظم زمان کدنویسی را کم می‌کند. چک‌لیست آماده‌سازی فایل فیگما را ببین.
  • با لندینگ شروع کن. اول صفحه‌ی اصلی را بساز و بعد که کسب‌وکار جواب داد، صفحه‌های داخلی را اضافه کن.
  • اگر محتوا کم عوض می‌شود، HTML خالص بگیر. وردپرس فقط وقتی لازم است که مدام مقاله یا محصول اضافه می‌کنی.
  • فوری سفارش نده. اگر چند روز صبر کنی، هزینه‌ی تحویل فوری را نمی‌دهی.

جمع‌بندی

قیمت طراحی سایت با کدنویسی به تعداد صفحه، نوع خروجی و امکانات بستگی دارد. برای یک لندینگ HTML از حدود ۶ میلیون تومان شروع می‌شود و برای سایت شرکتی وردپرسی به چند ده میلیون می‌رسد. اگر طرح فیگما داری، جزئیات بیشتر را در هزینه تبدیل طرح فیگما به کد بخوان. اگر هم آماده‌ای، همین حالا قیمت دقیق پروژه‌ات را حساب کن یا مستقیم سفارش ثبت کن.

کد اینجاس

تبدیل طرح‌های فیگما، XD و فتوشاپ به HTML تمیز و قالب اختصاصی وردپرس. این‌جا از تجربه‌های همین کار می‌نویسم.

زمان و قیمت ثبت سفارش