← ВСЕ СТАТЬИ // САЙТЫ И РАЗРАБОТКА

Из чего складывается стоимость сайта: этапы и смета

10 минут чтения
САЙТЫ И РАЗРАБОТКА

«Сайт под ключ» звучит как готовый продукт с понятной ценой. На деле за этой строкой у одного подрядчика стоят интервью с вашими клиентами, прототип и три круга правок, а у другого шаблон с подменённым логотипом. Договор подписан, а что именно вы купили, выясняется на приёмке. Считается всё это в человеко-часах: аналитика, дизайнера, верстальщика, программиста, тестировщика. […]

«Сайт под ключ» звучит как готовый продукт с понятной ценой. На деле за этой строкой у одного подрядчика стоят интервью с вашими клиентами, прототип и три круга правок, а у другого шаблон с подменённым логотипом. Договор подписан, а что именно вы купили, выясняется на приёмке.

Считается всё это в человеко-часах: аналитика, дизайнера, верстальщика, программиста, тестировщика. Час каждого стоит денег, и любая сумма в коммерческом предложении раскладывается обратно на эти часы. Значит, читать смету можно построчно, если знать, из каких работ она состоит.

Дальше по порядку: путь сайта от брифа до запуска, что сильнее всего раздувает бюджет, чем различаются конструктор, готовая CMS и разработка с нуля, что записать в техническое задание и какие права на результат обязан получить заказчик. В конце список вопросов подрядчику и чеклист перед подписанием договора.

Семь этапов разработки: где рождаются цифры сметы

Любой сайт, от лендинга до интернет-магазина, проходит одни и те же стадии. Различается глубина проработки каждой. Именно по этим этапам и должна быть разбита смета: если подрядчик присылает одну строку «разработка сайта» с итоговой суммой, просите детализацию.

Аналитика и бриф

Подрядчик изучает бизнес, конкурентов, аудиторию и текущие источники заявок. Внимательный аналитик выяснит, зачем сайт нужен, какое действие должен совершить посетитель и по каким запросам страницы будут собирать трафик из поиска. Здесь закладывается структура будущего сайта. Забытый на этом шаге раздел всплывает уже в готовом дизайне, и правка обойдётся в разы дороже, чем перестановка блока на схеме.

Прототип

Схематичный макет страниц без дизайна: расположение блоков, черновые заголовки, кнопки и переходы между страницами. Прототип отвечает на вопрос, что и в каком порядке увидит посетитель. Согласовывать правки на прототипе быстро и дёшево. Если подрядчик пропускает этот шаг, споры о структуре переезжают на этап дизайна, где каждая итерация заметно дороже.

Дизайн

Дизайнер превращает прототип в макеты: типографика, цвет, иллюстрации, состояния кнопок и форм. Цену определяют количество индивидуальных макетов и число включённых итераций правок. Десять страниц, нарисованных с нуля, и десять страниц на базе одного шаблона различаются по трудозатратам в несколько раз. Отдельная статья расходов — адаптивные версии. Макеты для планшета и телефона рисует тот же дизайнер, и эта работа тоже стоит денег.

Вёрстка

Верстальщик переводит макеты в код, который открывается в браузере. Здесь закладываются скорость загрузки, корректное отображение на любых экранах и доступность для людей со слабым зрением. Экономия на вёрстке всплывает через месяцы: тяжёлые страницы теряют позиции в поиске и посетителей. Типичные причины тормозов и порядок их диагностики мы разобрали в статье о том, почему сайт грузится долго.

Программирование

Программист подключает вёрстку к системе управления, настраивает формы, корзину, фильтры, личный кабинет, обмен данными с CRM и платёжными сервисами. Самая непредсказуемая часть сметы. Каждая интеграция живёт по своим правилам, у каждой свои подводные камни. Поэтому в договоре интеграции должны быть перечислены поимённо, со стороной, которая отвечает за доступы и настройку внешних сервисов.

Наполнение

Тексты, фотографии, карточки товаров, мета-теги. Этап регулярно выпадает из смет и становится источником конфликтов: сайт готов, а наполнять его некому. Заранее договоритесь, кто пишет тексты, кто переносит каталог, кто загружает фотографии и входит ли эта работа в цену. Перенос двухсот карточек товара руками менеджера занимает недели.

Тестирование и запуск

Проверка форм и оплат, отображение в разных браузерах, скорость, переезд на боевой домен, настройка редиректов и счётчиков аналитики. По этому этапу видно отношение подрядчика к деталям. Ориентир для сравнения: на собственном сайте агентства КРЕАТЕК стартовый вес страницы был 19,5 МБ, бюджет новой версии задан в 1,5 МБ, а файл шрифта ужат с 379 КБ примерно до 24 КБ. Такие вещи закладываются на вёрстке и тестировании. После запуска чинить их дольше и дороже.

Что влияет на цену сильнее всего

  • Количество индивидуальных макетов. Каждая страница со своей композицией добавляет часы дизайнера и верстальщика. Типовые страницы собираются из готовых блоков и обходятся заметно дешевле.
  • Интеграции. Связка с CRM, платёжными системами, службами доставки, складским учётом или 1С. Каждый пункт в этом списке добавляет работу программиста и тестировщика.
  • Контент. Написание текстов, съёмка и обработка фотографий, перенос каталога, подготовка мета-тегов. Если контент делает подрядчик, смета растёт. Если вы, растёт срок запуска.
  • Анимации и нестандартные элементы. Параллакс, сложные слайдеры, нестандартные карты и интерактивные калькуляторы удорожают вёрстку и программирование. Спросите себя, помогает ли каждый такой элемент продаже.
  • Срочность. Сжатые сроки означают больше людей на проекте одновременно и надбавку за переработки.
  • Состав команды. Фрилансер-одиночка дешевле студии, где над проектом работают несколько специалистов и менеджер. Разница проявляется в проработке деталей и в рисках: одиночка может заболеть или пропасть посреди проекта.

Конструктор, готовая CMS или разработка с нуля

Технологическая база определяет и бюджет, и потолок возможностей сайта. Сравним подходы по ключевым критериям.

Критерий Конструктор Готовая CMS Разработка с нуля
Срок запуска Дни Недели или месяцы Месяцы
Бюджет Минимальный Средний Максимальный
Гибкость функций Ограничена платформой Широкая за счёт модулей и доработок Любая
Переносимость Сайт живёт на чужой платформе, забрать его целиком нельзя Код и база переезжают на любой хостинг Полный контроль над кодом
Кому подходит Проверка гипотезы, визитка на старте Большинство задач бизнеса Нестандартная логика, высокие нагрузки

Конструктор разумен, когда нужно быстро проверить спрос или собрать страницу под разовое событие. Платой будет зависимость: тарифы платформы растут, а переезд означает разработку заново.

Готовая CMS покрывает большинство задач бизнеса любой сферы, от корпоративного сайта с каталогом до интернет-магазина. Вы получаете отработанное ядро, вокруг которого программист собирает нужную функциональность. Уточняйте лицензию: у части систем она бесплатная, у части оплачивается ежегодно.

Разработка с нуля оправдана, когда логика продукта в готовые решения не помещается: маркетплейсы, сервисы с личными кабинетами, порталы с нестандартными расчётами и проекты под высокие нагрузки. Это самый долгий и дорогой путь, зато без компромиссов по возможностям.

Что должно быть в техническом задании

Техническое задание защищает обе стороны. Заказчику оно гарантирует, что «сайт готов» означает согласованный список работ. Подрядчику даёт защиту от бесконечных «а добавьте ещё». Минимальный состав:

  1. Цель сайта и измеримый результат: заявки и заказы.
  2. Полная структура: список страниц с назначением каждой.
  3. Функциональность по страницам: формы, фильтры, корзина, кабинет, калькуляторы.
  4. Интеграции поимённо, с указанием, кто даёт доступы к внешним сервисам.
  5. Требования к дизайну: референсы, фирменный стиль, чего быть не должно.
  6. Требования к скорости, адаптивности и браузерам.
  7. Кто готовит контент и в какие сроки.
  8. Календарный план с датами промежуточных согласований.
  9. Порядок приёмки: как фиксируются замечания и сколько итераций правок включено.
  10. Состав передаваемых материалов: доступы, исходники, документация.

Короткому лендингу хватит двух страниц такого документа. Интернет-магазину понадобится десяток. Объём вторичен, важно, чтобы каждая договорённость существовала в письменном виде.

Права на результат: что обязан получить заказчик

Сайт относится к объектам авторского права, и по умолчанию права остаются у того, кто его создал. Если в договоре про передачу прав ничего нет, вы платите за сайт, которым юридически не владеете. Проверьте четыре пункта:

  • Исключительные права на дизайн, код и тексты переходят к вам по договору, с формулировкой об отчуждении, без ограничений по сроку и территории.
  • Домен зарегистрирован на вашу компанию, регистрация на подрядчика это частая ловушка: при конфликте вы теряете адрес вместе с накопленной историей в поиске.
  • Все доступы у вас: хостинг, административная панель, счётчики аналитики, почтовые ящики домена.
  • Исходники передаются: исходные макеты и код вместе с инструкцией по развёртыванию.

Агентство КРЕАТЕК работает по принципу: права на всё заказанное принадлежат заказчику с первого дня, а при расторжении договора материалы передаются за один рабочий день. Этот подход закреплён в гарантиях агентства. Требуйте того же от любого подрядчика, с которым садитесь за стол переговоров.

Как читать смету и что спросить у подрядчика

Смета из одной строки скрывает всё важное. Рабочая смета повторяет этапы из этой статьи, и по каждому видно объём работ и ожидаемый результат. Перед подписанием задайте подрядчику вопросы:

  1. Что конкретно входит в каждый пункт сметы и что останется за её рамками?
  2. Сколько итераций правок включено на прототипе и на дизайне, сколько стоит дополнительная?
  3. Кто готовит тексты и фотографии, заложено ли наполнение в цену?
  4. Какая система управления будет использована и почему именно она, есть ли платные лицензии?
  5. На кого регистрируются домен и хостинг?
  6. Что происходит после запуска: гарантийный срок, поддержка, стоимость доработок?
  7. Какая техническая база под продвижение закладывается при разработке?

Последний вопрос отсекает подрядчиков, которые сдают красивую картинку без шансов на трафик. Если планируете продвигаться в поиске, полезно заранее посмотреть этапы SEO-работ и спросить исполнителя, какую часть технической базы он закроет ещё на разработке. Сам по себе сайт заявок не приносит: трафик придётся покупать или выращивать, и канал лучше выбрать до запуска. Сравнение подходов есть в разборе SEO против контекстной рекламы.

Частые вопросы

Почему сметы разных студий различаются в разы?

Потому что различается состав работ. Одна смета включает аналитику, прототип, дизайн с нуля и три круга правок, другая подразумевает шаблон с минимальной адаптацией. Просите детализацию по этапам и сравнивайте построчно, тогда разница объяснится сама.

Сколько времени занимает разработка сайта?

Ориентиры такие: лендинг на готовой платформе собирают за одну-две недели, корпоративный сайт занимает от одного до трёх месяцев, интернет-магазин с интеграциями от трёх месяцев, сложный сервис от полугода. Точный срок определяется объёмом технического задания и скоростью согласований на вашей стороне: проект чаще всего буксует именно на ожидании правок и контента от заказчика.

Можно ли удешевить проект, если принести свои тексты и фотографии?

Да, наполнение занимает ощутимую долю сметы. Уточните требования к материалам заранее, чтобы подрядчику не пришлось переделывать их за отдельные деньги.

Что выгоднее в долгую: конструктор или CMS?

Для сайта, который планирует расти, обычно выгоднее CMS. Подписка конструктора со временем догоняет стоимость разработки, а переезд с закрытой платформы означает новую разработку с нуля. Конструктор выигрывает на коротких дистанциях: проверить гипотезу, запустить страницу события.

Какие расходы появятся после запуска?

Продление домена, хостинг, SSL-сертификат, обновления системы управления, техподдержка, доработки и бюджет на привлечение трафика. Закладывайте эти статьи в годовой план сразу, чтобы сайт не превратился в разовую трату без отдачи.

Нужно ли техническое задание для маленького сайта?

Нужно. Для лендинга хватит пары страниц со структурой блоков и порядком приёмки. Даже короткий документ снимает главный риск: разное понимание результата у вас и исполнителя.

Чеклист перед подписанием договора

  • В смете видны все этапы: от аналитики до тестирования, каждый с результатом.
  • Интеграции перечислены поимённо.
  • Указано число включённых итераций правок.
  • Понятно, кто готовит контент и в какие сроки.
  • Домен и хостинг оформляются на вашу компанию.
  • В договоре прописаны передача исключительных прав и исходников.
  • Есть календарный план с датами.
  • Зафиксирован порядок приёмки и гарантийные обязательства после запуска.

Если после чтения смет вопросов стало только больше, покажите задачу агентству КРЕАТЕК: на счету команды 300+ проектов по всему миру, и где в сметах прячутся сюрпризы, мы видели не раз. Разберём ваше техническое задание и честно скажем, какой тип решения подходит под вашу задачу и что можно упростить без потери результата.

// СЛЕДУЮЩАЯ СТАТЬЯ Почему сайт грузится долго: причины и способы ускорения

// НА СВЯЗИ

ОБСУДИМ ВАШУ ЗАДАЧУ?

Опишите задачу в двух-трёх предложениях - этого достаточно для первой оценки.