VJOURNAL

ИнновацииГлобальная редакция27 августа 2026 г.

Что входит в разработку сайта: десять этапов и зоны ответственности

Смета на сайт редко объясняет, из чего складывается работа. Здесь разобраны десять этапов сборки — от границ проекта до передачи доступов — и названо, кто закрывает каждый из них: подрядчик или вы.

Обложка VJOURNAL к материалу «Что входит в разработку сайта: десять этапов и зоны ответственности»

Короткий ответ

Смета на сайт редко объясняет, из чего складывается работа. Здесь разобраны десять этапов сборки — от границ проекта до передачи доступов — и названо, кто закрывает каждый из них: подрядчик или вы.

3 источника
Разработка сайта раскладывается на десять этапов, и у каждого этапа есть ответственный.
Launch Site за $380 включает адаптивную сборку, подключение базовой CMS или данных и настройку деплоя за 3-5 рабочих дней.
Контент и переводы предоставляет клиент: VITON13 их не пишет.

Короткий ответ: из чего состоит разработка сайта

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

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

У VITON13 услуга development продаётся пятью пакетами, и каждый закрывает свой отрезок цепочки. Site Fix Pack стоит $70: до пяти согласованных правок с проверкой на мобильном и десктопе и списком «до и после» при сдаче, срок 1-2 рабочих дня, одна итерация правок.

Дальше статья идёт по этапам по порядку. Каждый заканчивается вопросом, который стоит задать подрядчику до подписания, потому что после подписания тот же вопрос превращается в запрос на доработку с отдельной ценой.

Этап 1. Постановка задачи и границы проекта

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

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

Смета, в которой есть строка «сайт» и цифра, но нет перечня страниц и языков, этот этап пропустила. Она не даёт вам ничего, с чем можно сверить договорённость, — а именно для этого смета и нужна.

Спросите так: что вы считаете исходными данными с нашей стороны и к какой дате они нужны. Без ответа календарь проекта опирается на предположения, а предположения не держат срок сдачи.

Этап 2. Структура сайта и перечень страниц

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

Здесь же решается, какие страницы генерируются из данных, а какие собираются вручную. Каталог, журнал и список услуг обычно получают по одному шаблону; страница о компании почти всегда делается отдельно.

Подрядчик отвечает за то, чтобы предложить структуру и показать, сколько шаблонов она требует. Заказчик отвечает за то, чтобы подтвердить наличие всех нужных разделов, включая юридические страницы и способы связи.

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

Этап 3. Дизайн интерфейса и состояния экранов

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

Такие состояния редко доходят до макетов и всегда доходят до сборки. Когда их не нарисовали, их придумывает разработчик, а переделка этой выдумки съедает те итерации правок, которые входят в пакет.

Launch Site стоит $380 и включает адаптивную сборку, подключение базовой CMS или данных и настройку деплоя, срок 3-5 рабочих дней, две итерации правок до запуска. Контент и переводы предоставляет клиент — эта граница обозначена сразу.

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

Этап 4. Тексты и переводы: зона клиента

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

VITON13 не пишет клиентские тексты и не делает переводы. В условиях Launch Site сказано, что контент и переводы предоставляет клиент, а в Launch Site Express то же исключение действует вместе с фотосъёмкой и постоянной поддержкой.

Практический шаг — назначить внутри компании одного человека, который отвечает за тексты, и дать ему дату. Один ответственный со сроком двигается быстрее, чем общая договорённость прислать что-нибудь в течение недели.

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

Этап 5. Вёрстка и адаптивное поведение

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

Адаптивность — это не одна мобильная версия. Это набор решений о том, что сворачивается, что перестраивается и что получает собственную область прокрутки. Таблицы и длинные заголовки требуют отдельной проверки.

Подрядчик отвечает за страницы, проверенные на мобильном и десктопе. В Site Fix Pack такая проверка записана прямо в объём работ вместе со списком «до и после», который передаётся по итогам 1-2 рабочих дней.

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

Этап 6. CMS и подключение данных

Дальше возникает вопрос, кто и как меняет содержимое после запуска. Вариантов немного: править код, редактировать записи в админке или тянуть данные из системы, которой вы уже пользуетесь. Каждый вариант стоит по-своему.

Launch Site включает подключение базовой CMS или данных, а значит редактируемые части определяются заранее. Если поле не было заведено, изменить его через админку позже не выйдет, каким бы очевидным оно вам ни казалось.

Заказчик отвечает за то, чтобы сказать, что он собирается редактировать и как часто. Цены, тексты акций и страницы команды меняются регулярно; юридические страницы — почти никогда. Из этой разницы и строится набор полей.

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

Этап 7. Интеграции: формы, аналитика, платежи

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

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

Product Build стоит $880 и покрывает поставку функциональности, логику состояний и маршрутов, тестирование и повышение надёжности, срок 2-3 недели, две итерации правок на каждую поставленную функцию. Нативные мобильные приложения и лицензирование платежей в пакет не входят.

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

Этап 8. Производительность и доступность

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

Есть публичные ориентиры, которые позволяют говорить предметно, а не на ощупь. MDN Web Docs объясняет, из чего складывается производительность веба, а W3C публикует краткий справочник по WCAG 2.2 с критериями соответствия и способами их выполнения.

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

Спросите так: какие требования по доступности вы закрываете и как это проверяется. Обещание сделать по стандартам без ссылки на конкретный критерий никого ни к чему не обязывает и не даёт приёмке предмета для проверки.

Этап 9. Тестирование и повышение надёжности

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

В Product Build тестирование и повышение надёжности названы частью поставки. Это и отличает продуктовую сборку от сайта-визитки: у продукта есть состояния и маршруты, и каждый из них должен кто-то осознанно пройти.

Заказчик отвечает за то, чтобы выделить время на приёмку и прогнать сценарии своими руками. Тесты подрядчика проверяют механику; ваши тесты проверяют, что сайт описывает ваш бизнес правильно, вашими терминами и с вашими условиями.

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

Этап 10. Деплой, доступы и передача проекта

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

Launch Site включает настройку деплоя. Launch Site Express стоит $520 и даёт объём Launch Site в приоритетной очереди с ежедневными сборками, чек-листом запуска и созвоном при передаче, срок 2 рабочих дня, одна итерация правок после первой полной сборки.

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

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

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

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

Затем разберитесь с поддержкой. Постоянная техническая поддержка стоит $290 в месяц и включает приоритетные обновления, недельный ритм релизов и техническое обслуживание; цикл месячный, для прекращения нужно уведомление за 30 дней, а объём работ согласуется в начале каждого цикла. Новая сборка или редизайн считаются отдельно.

Проверьте и то, чего нет ни в одном пакете. VITON13 не пишет клиентские тексты и переводы и не делает нативные мобильные приложения. У обеих задач есть исполнитель, и решение, кто он, до старта избавляет проект от простоя в середине.

Условия услуги development опубликованы на странице /ru/services/development. Сверьте их со сметой построчно до подписания, потому что этап без названного ответственного — это не мелочь, а счёт, который просто ещё не выставлен.

Практический чеклист

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

Вопросы и ответы

Из каких этапов состоит разработка сайта?

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

Сколько стоит запуск сайта и что входит в эту цену?

Пакет Launch Site стоит $380 и включает адаптивную сборку, подключение базовой CMS или данных и настройку деплоя. Срок — 3-5 рабочих дней, предусмотрены две итерации правок до запуска. Контент и переводы предоставляет клиент.

Чем Product Build отличается от Launch Site?

Product Build стоит $880 и рассчитан на продукт, а не на набор страниц: поставка функциональности, логика состояний и маршрутов, тестирование и повышение надёжности. Срок — 2-3 недели, две итерации правок на каждую поставленную функцию. Нативные мобильные приложения и лицензирование платежей в пакет не входят.

Что делать, если запуск нужен быстро?

Launch Site Express стоит $520 и даёт объём Launch Site в приоритетной очереди с ежедневными сборками, чек-листом запуска и созвоном при передаче. Срок — 2 рабочих дня, одна итерация правок после первой полной сборки. Контент, фотосъёмка и постоянная поддержка в пакет не входят.

Нужна ли поддержка после запуска?

Постоянная техническая поддержка стоит $290 в месяц: приоритетные обновления, недельный ритм релизов и техническое обслуживание. Цикл месячный, для прекращения нужно уведомление за 30 дней, объём работ согласуется в начале каждого цикла. Новая сборка или редизайн оцениваются отдельно.