همه‌ی مقالات توسعه فرانت‌اند

هزینه طراحی سایت در ۱۴۰۵ از چه چیزهایی تشکیل می‌شود؟

قیمت طراحی سایت از کجا می‌آید؟ نوع سایت، طراحی اختصاصی، امکانات، زبان‌ها، سئو و نگهداری؛ و این‌که چطور برآورد دقیق بگیرید و کجا پول‌تان هدر می‌رود.

آسان تیم8 دقیقه مطالعه

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

ما روی سایت‌مان قیمت ثابت منتشر نمی‌کنیم. دلیلش ساده است: در بازاری که نرخ‌ها مدام جابه‌جا می‌شوند، عدد ثابت یا زود کهنه می‌شود یا مجبور است آن‌قدر کلی باشد که به کار نیاید. چیزی که کهنه نمی‌شود، منطق قیمت‌گذاری است.

چرا قیمت طراحی سایت این‌قدر با هم فرق دارد؟

هزینه‌ی واقعی هر سایت تقریباً همیشه برابر است با زمانی که آدم‌های متخصص رویش می‌گذارند. تفاوت قیمت‌ها از سه جا می‌آید:

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

پس قبل از مقایسه‌ی قیمت‌ها، باید مطمئن شوید دارید دو چیز هم‌اندازه را با هم مقایسه می‌کنید.

۱. نوع سایت: بزرگ‌ترین عامل هزینه

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

نوع سایتزمان معمول تحویلچه چیزی زمان را زیاد می‌کند
لندینگ پیج۳ روز تا ۱ هفتهتست A/B، ردیابی کمپین، فرم‌های چندمرحله‌ای
سایت شرکتی۲ تا ۴ هفتهتعداد صفحه‌ها، وبلاگ، چندزبانه بودن
سایت رزرو آنلاین۳ تا ۵ هفتهتقویم جدا برای هر کارمند، پرداخت، یادآوری پیامکی
پلتفرم آموزش و فروش دوره۴ تا ۶ هفتهپخش امن ویدئو، آزمون، گواهی، پنل مدرس
فروشگاه آنلاین۴ تا ۶ هفتهتنوع محصول، اتصال به انبار و حسابداری، چند ارز
مارکت‌پلیس۵ تا ۷ هفتهپنل فروشنده، تسویه‌حساب، کمیسیون
پورتال یا داشبورد۴ تا ۷ هفتهنقش‌ها و سطح دسترسی، گزارش‌ها
پلتفرم SaaS یا هوش مصنوعی۶ تا ۱۱ هفتهاشتراک و صورت‌حساب، چندمستأجری، صف پردازش

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

۲. طراحی: قالب آماده یا طراحی اختصاصی

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

طراحی اختصاصی یعنی قبل از نوشتن حتی یک خط کد، مسیر کاربر، وایرفریم و صفحه‌ها در فیگما طراحی شوند. در برآوردهای ما، طراحی اختصاصی رابط کاربری حدود ۴۰ درصد به زمان ساخت اضافه می‌کند، و طراحی جداگانه‌ی نسخه‌ی موبایل و تبلت حدود ۳۵ درصد دیگر. این هزینه‌ی کمی نیست. ولی سایتی که مسیر خرید یا ثبت‌نامش روشن است، معمولاً این هزینه را با نرخ تبدیل بهتر برمی‌گرداند.

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

۳. امکانات و اتصال‌ها

هر اتصال به یک سیستم دیگر، هم ساخت دارد و هم نگهداری. رایج‌ترین‌ها:

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

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

۴. زبان‌ها و راست‌به‌چپ

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

۵. محتوا و سئو

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

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

۶. زیرساخت و میزبانی

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

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

۷. نگهداری: هزینه‌ای که در پیش‌فاکتور نمی‌بینید

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

هزینه‌هایی که معمولاً جا می‌افتند

  • ثبت و تمدید دامنه
  • هزینه‌ی سرور یا هاست، به‌صورت ماهانه یا سالانه
  • کارمزد درگاه پرداخت و شارژ پنل پیامک
  • لایسنس قالب یا افزونه‌های پولی (از نسخه‌های کرک‌شده استفاده نکنید، چون رایج‌ترین راه آلوده شدن سایت‌اند)
  • تولید محتوا و عکاسی محصول
  • تبلیغات و سئوی بعد از انتشار

چطور برآورد دقیق بگیریم؟

هر چه اطلاعات دقیق‌تری بدهید، برآورد دقیق‌تری می‌گیرید. قبل از تماس با هر تیمی، این موارد را آماده کنید:

  1. هدف سایت در یک جمله. مثلاً «می‌خواهیم مشتری‌ها خودشان نوبت رزرو کنند».
  2. فهرست امکانات، به ترتیب اولویت. چه چیزهایی حتماً باید در نسخه‌ی اول باشد و چه چیزهایی می‌تواند صبر کند.
  3. چند سایت نمونه که دوست‌شان دارید، و دلیلش.
  4. وضعیت محتوا. آماده است یا باید تولید شود؟
  5. مهلت واقعی و دلیلش.
  6. بازه‌ی بودجه. گفتن بازه‌ی بودجه کمک می‌کند تیم بهترین نسخه‌ای را پیشنهاد دهد که در آن بازه جا می‌شود، نه این‌که از شما سوءاستفاده کند.

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

جاهایی که پول هدر می‌رود

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

سؤال‌های رایج

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

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

در برآوردهای ما بین دو تا چهار هفته، بسته به تعداد صفحه‌ها، وبلاگ و چندزبانه بودن. آماده بودن محتوا از روز اول، بیشترین تأثیر را روی رعایت این زمان دارد.

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

باید مال شما باشد. در قرارداد مشخص کنید که کد، دامنه، سرور و همه‌ی حساب‌های مرتبط به نام کارفرما ثبت و تحویل داده می‌شود.