
Разбор · Опубликовали 08.10.2026
Цена вёрстки новой страницы включает её подключение к данным, даже если макет собирает агент
Готовый макет показывает вид страницы. Чтобы сравнить сметы на работающий шаблон, нужны ещё источник данных, действия посетителя и условия приёмки.
Разбор машины агентов vibecoding.ru, которую ведёт инженер · первоисточники проверены 8 октября 2026
Агент может собрать макет, но если вы заказываете рабочую страницу для действующего сайта, её бюджет включает подключение к данным и проверку результата; отдельная цена HTML может покрывать только сборку.
Своего клиентского кейса цены вёрстки у нас нет: состав заказа разбираем по прайсам и открытой истории сайта, который ведёт инженер с машиной агентов.
Не хотите разбираться сами? Внедряем ИИ в ваш бизнес: задачи без лимита, одна цена в месяц, отмена в любой момент.
1. Новый шаблон отличается от заполнения готовой страницы.
Слово «страница» скрывает разные заказы. Добавить ещё одну услугу в готовую сетку означает заполнить существующий шаблон. Сделать новый каталог с фильтром означает создать другой шаблон и связать его с содержимым. Даже одинаковое число экранов не делает эти задачи одинаковыми.
Это видно в прайсе Kovtun.studio: дополнительная страница по готовому шаблону стоит 15 000 ₽. Цена относится к повторному использованию сетки. Она не доказывает, что за ту же сумму появится новый каталог с данными и фильтрацией.
Мобильная адаптация старой страницы тоже отдельная задача. Если форма и данные уже работают, исправление сетки на телефоне не требует придумывать их заново. Если макет впервые вводит заявку или расчёт, проверять только ширину блоков недостаточно.
Сначала назовите тип работы, потом сравнивайте цену.
Редакционная схема состава заказа; граница готового шаблона сверена с прайсом Kovtun.studio 08.10.2026. Это три вида работ, не три диапазона рыночных цен.
2. Подключение к данным надо видеть в смете отдельной строкой.
В прайсе ALMA у нового лендинга вёрстка десктопа и адаптива стоит 43 200 ₽. При использовании CMS отдельно указано подключение за 16 000 ₽, итог составляет 59 200 ₽. Разница относится к составу работы. Это прайс конкретной студии, а не средняя цена новой страницы.
Учебный пример: на макете каталога показаны цена, остаток и кнопка заявки. Для рабочей страницы нужно знать, откуда берутся цена и остаток, куда уходит заявка и что видит посетитель, если товаров нет. Подставить в макет примерные значения можно; принять их за подключение нельзя.
Если нужного источника данных или обработки заявки ещё нет, в смете добавляется разработка этой части. Если всё уже существует, нужна проверенная связь с ним. Так задача для ИИ-агента получает проверяемый результат вместо пожелания «сверстайте как на картинке».
У ALMA подключение к CMS добавлено к цене вёрстки.
ALMA, раздел «Вёрстка сайта лендинга (1 страница)»; прочитан 08.10.2026. Новому шаблону существующего сайта нужна собственная оценка. Эти суммы не измеряют работу агента и не сравниваются с ценой заполнения готового шаблона.
3. Агент собирает по образцу, а инженер проверяет весь путь.
Готовый пример уменьшает число решений о форме. В нашем курсе агентной разработки этот приём разобран в уроке «Каркас с лучшего донора»: каркас берут с образца. Для нового шаблона действующего сайта таким образцом может быть соседняя рабочая страница с теми же блоками и поведением.
Но вместе с формой можно перенести старую ошибку. Как менять повторяющийся код, разобрано в разборе технического долга. В смете нового шаблона важно назвать границу: используем готовый компонент или сначала исправляем его, чтобы функция заработала.
На vibecoding.ru готовая вёрстка не раз расходилась с поведением страницы. Поломки исправляли в общем коде; приёмка нового шаблона должна проверять и тот участок, который уже подвёл. Этот опыт объясняет, что надо принимать вместе с макетом; цену чужого шаблона он не измеряет.
После поломки проверка охватывает ещё один участок пути.
31.07
Обложка показывалась на странице новости, но её данные не доходили до ленты. Правило: общий код передачи новости в ленту включает поля обложки.
02.09
Заголовок был в готовом HTML, но скрывался до загрузки JavaScript из-за анимации. Правило: первый экран не скрывается анимацией проявления.
Журналы машины vibecoding.ru за указанные даты, повторно прочитаны 08.10.2026. Формулировки правил сокращены редакцией. Это опыт собственного сайта, не истории клиентских заказов.
4. Предложения сравнимы, когда у них одинаковый результат.
Название «вёрстка страницы» не показывает границы цены. В одном предложении результатом могут быть файлы с демонстрационным содержимым, а другое включает новый шаблон в вашем сайте с работающей заявкой. Сравнить только итоговые суммы значит сравнить разные покупки.
Для учебного каталога из примера зафиксируйте предмет так: «Новый шаблон читает товары из существующего каталога, фильтр меняет список, заявка доходит в согласованное место. Без товаров есть пустое состояние, при сбое есть сообщение. Проверяем на телефоне и компьютере». Это пример описания, а не готовая спецификация вашего сайта.
Попросите исполнителя отметить, что входит в цену, какие части уже существуют и что надо создать. Если данные пока не согласованы, сначала выясните их источник. Сумма с молчаливым допущением «это потом сделает ваш разработчик» не описывает тот же результат.
Сравнивайте включённые работы по одному описанию.
Редакционная форма сравнения по составу работы. Разделение вёрстки и интеграции подтверждает прайс ALMA; готовый шаблон продаётся отдельно у Kovtun.studio. Проверено 08.10.2026.
5. Приёмка начинается со смены данных, а не со скриншота.
Самая наглядная проверка подключения: изменить запись в источнике и увидеть согласованное обновление на странице. Если цену на экране можно поменять только правкой файла, перед вами статическое значение. Для такой страницы это может быть верно, но для обещанного живого каталога критерий готовности не выполнен.
Следом проверьте действие и неудобные состояния. Заявка должна доходить в согласованное место; пустой список не должен выглядеть как поломка; ошибка не должна показывать ложный успех. Затем пройдите тот же путь на телефоне. Красивый скриншот проверяет вид одного состояния, а не этот путь.
Такую демонстрацию включают в сдачу вместе с кодом. Она дополняет тесты, не заменяет их и не снимает ответственность за ошибки. Если источник обновляется с задержкой, заранее запишите допустимое ожидание: требование «сразу» нельзя оставлять предметом спора после работы.
Рабочий шаблон можно проверить последовательностью действий.
Редакционный сценарий приёмки по поломкам нашего сайта. Сбои проверяют в тестовой среде; чужие реальные заявки не создают. Это набор критериев, а не доказательство уже выполненного заказа.
6. Подписка имеет смысл, когда страницы входят в очередь развития.
Для одной новой страницы без следующих задач сравните разовое предложение на полный результат. Наличие ИИ-агента у исполнителя не создаёт само по себе потребность в месячной подписке.
Если сайт развивается постоянно, новые шаблоны и подключение к данным становятся задачами очереди. В нашей подписке на разработку тариф «Один проект» стоит 250 000 ₽ в месяц: один продукт, один поток работы. Поток означает одну задачу в работе; следующая ждёт. Это условия на 8 октября 2026, не цена страницы и не обещание их числа.
Для обсуждения соберите макет, адрес существующего сайта, описание данных и проверку «готово». С таким набором можно выбирать следующий шаг для сайта и обсуждать границы работы. Если нужен только перенос текста в готовую сетку, так и назовите задачу: она не стала новым шаблоном из-за нового URL.
Что и как мы проверяли
| Факт | Что известно | Проверено |
|---|---|---|
| Прайсы | Первоисточники ALMA и Kovtun.studio. Предметы цен разные; средняя цена рынка не вычислялась. | 2026-10-08 |
| Подписка | Живой /services: 250 000 ₽ в месяц за продукт и поток, не за страницу. | 2026-10-08 |
| Свой опыт | Записи 31.07 и 02.09.2026 повторно прочитаны. Клиентского замера цены вёрстки нет. | 2026-10-08 |
7. Частые вопросы
Что обычно называют вёрсткой страницы?+
Перевод макета в работающий в браузере интерфейс. Подключение к системе управления, данные и обработка действий могут быть отдельными строками заказа. Состав надо прочитать в предложении исполнителя.
Почему нельзя назвать цену по одному макету?+
На макете не видны источник содержимого, готовность обработки заявки, пустота и сбой. Если исполнитель уже знает ваш сайт и все эти условия, макета может хватить для оценки. Для незнакомого продукта его обычно недостаточно.
ИИ-агент делает вёрстку дешевле?+
У нас нет сопоставимого клиентского замера цены нового шаблона с агентом и без него. Агент может собирать по образцу, но перенос, подключение и приёмка остаются частью результата. Универсальную скидку из этого вывести нельзя.
Нужна ли новая интеграция для каждой страницы?+
Нет. Заполнение готового шаблона использует уже созданную связь с данными. Новый тип страницы тоже может использовать существующий источник; надо проверить, что он получает нужные поля и выполняет согласованные действия.
250 000 ₽ в месяц: это цена одной страницы?+
Нет. Это тариф подписки «Один проект» на 08.10.2026: один продукт и поток задач. Состав отдельной задачи и её приёмку согласуют отдельно; число страниц за месяц здесь не обещается.
Источники
- Что такое вёрстка сайта: основы и как научиться верстать страницы · Яндекс Реклама (03.04.2026; прочитано 08.10.2026) — первоисточник
- Цены на вёрстку и фронтенд: лендинг и интеграция с CMS · ALMA (прайс прочитан 08.10.2026) — прайс исполнителя
- Дополнительная страница по готовому шаблону · Kovtun.studio (прайс прочитан 08.10.2026) — прайс исполнителя
- История машины vibecoding.ru и записи журналов за 31.07 и 02.09.2026 (повторная сверка 08.10.2026) — наш опыт
- Подписка «Один проект»: цена, поток и приёмка · vibecoding.ru (условия на 08.10.2026) — наши условия
- Курс агентной разработки: урок «Каркас с лучшего донора» · vibecoding.ru — наш метод
Запомнить
1. Сначала назовите заказ: новый шаблон, заполнение готового или мобильная адаптация. Это разные работы даже при одинаковом числе экранов.
2. Для рабочей страницы впишите в смету данные и действия. Если нужной обработки ещё нет, назовите её разработку отдельно.
3. Сравнивайте суммы после согласования одного результата. Готовая картинка и шаблон с действующей заявкой не описывают одну покупку.
4. Принимайте страницу сменой данных, проверкой действия и состояниями пустоты и сбоя. Повторите путь на телефоне и проверьте соседний шаблон.
5. Разовую страницу оценивайте отдельно; постоянную очередь развития сравнивайте с подпиской. Цена месяца не равна цене страницы.