Договор на разработку дизайна сайта я всегда развожу отдельно от вёрстки, если беру в работу только визуальную часть проекта. На практике часто вижу одну и ту же историю: заказчик подписывает один общий документ «на сайт», в нём вперемешку макет, программирование и хостинг, а когда верстальщик получает исходники без слоёв и без спецификации отступов, разбираться, кто сорвал срок, дизайнер или тот, кто верстает, приходится по переписке в мессенджере. Раздельные договоры с чёткой границей ответственности снимают этот спор на старте.
По теме статьи
Готовое решение
AI-чатбот для сайта на Claude - отвечает как ваш менеджер, работает 24/7
Подключу к вашему сайту чат-бота на Claude API. Бот отвечает на вопросы клиентов голосом вашего бренда, знает каталог и условия доставки, забирает лиды в CRM или Telegram.
от25 000 ₽
Консультация
Разобраться перед стартом
Созвон 30-60 минут: разбор задачи, аудит текущего решения, рекомендации по стеку. В финале — документ с планом.
от3 000 ₽
Зачем разделять договор на дизайн сайта и вёрстку
Дизайн и вёрстка - разные виды работ с разным результатом приёмки. Дизайнер сдаёт статичный макет в Figma, верстальщик - рабочий сайт с адаптивом, анимациями и интеграциями вроде приёма платежей через T‑Bank или доставки через СДЭК. Если оба этапа зашиты в один договор с одним подрядчиком, а по факту вёрстку он отдаёт на аутсорс, заказчик об этом обычно узнаёт только когда сроки уже сорваны.
Отдельный договор на дизайн даёт три вещи: фиксированный результат в виде файла, а не абстрактного «сайта»; понятную точку приёмки, после которой правки уже не бесплатные; и возможность сменить исполнителя на вёрстку, не расторгая договор с дизайнером. Я сталкивался с ситуацией, когда заказчик пришёл с готовым макетом от фрилансера: экраны красивые, но иконки не экспортированы отдельными слоями, а тени сделаны через blur 60px, который ни один браузер не отрисует так же, как в Figma. Часть дня ушла на переписку с автором макета, хотя по договору дизайнер уже давно закрыл акт и не обязан был отвечать на вопросы верстальщика.
Кто обычно спорит из-за границы ответственности
Чаще всего конфликт возникает вокруг технически невыполнимых решений: шрифт без веб-версии, сетка не кратная 8px, состояния кнопок вообще не нарисованы. Если это не описано в ТЗ на дизайн как обязательный пункт сдачи, верстальщик дорисовывает недостающее на глаз, а заказчик потом недоволен, что итог отличается от макета. Раздельный договор с приложенным ТЗ снимает вопрос: чего не было в макете, то не входит и в зону ответственности верстальщика бесплатно.
Что обязательно включить в договор на разработку дизайна сайта
Предмет договора и техническое задание
В предмете договора пишу не «разработка дизайна сайта» общей фразой, а конкретный список: количество уникальных экранов, наличие адаптивных версий для desktop, планшета и мобильного, ссылки на референсы, требования к брендбуку, если он есть, или к его отсутствию, если стиль придётся собирать с нуля. ТЗ оформляю приложением к договору, а не описываю в переписке, тогда при споре есть на что сослаться.
Сроки и количество правок
На лендинг закладываю 7-10 рабочих дней на первый вариант макета, на многостраничный сайт - 3-4 недели с учётом согласования структуры. В договоре фиксирую два раунда правок, включённых в цену, каждый следующий раунд - отдельная оплата. У частных дизайнеров на бирже фриланса доп-раунд правок обычно стоит от 3 000 до 8 000 ₽ в зависимости от объёма, это рыночный ориентир, а не моя цена.
Приёмка и передача исходников
Отдельным пунктом прописываю формат сдачи: не PDF и не PNG-скриншоты, а ссылка на Figma-проект с правами на просмотр и экспорт, организованными слоями и стилями компонентов. На комментарии по акту даю заказчику 5 рабочих дней, после этого срока макет считается принятым по умолчанию, иначе договор может тянуться месяцами без формального закрытия этапа.
Права на макет: кто владеет дизайном после оплаты
По статье 1288 ГК РФ договор на дизайн - это договор авторского заказа, и по умолчанию исключительное право на макет остаётся у автора, если в договоре прямо не написано иное. Сам факт оплаты не переводит права автоматически, нужен отдельный пункт о переходе исключительных прав в момент полной оплаты, а не аванса.
Разница ощутима на практике: заказчик оплатил 50% аванса, использовал черновой макет для тестовой посадочной страницы, а потом решил доработку не оплачивать. Без пункта о переходе прав именно после полной оплаты дизайнер вправе потребовать снять макет с публикации, и юридически будет прав. Поэтому в договоре разделяю два момента: право использовать промежуточный вариант для внутреннего согласования и переход исключительных прав на финальный макет после закрытия акта.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Как передать макет верстальщику без потерь
Формат файлов и что проверяю перед вёрсткой
Беру в работу только Figma-макет с именованными слоями и текстовыми стилями, не плоский PNG. Проверяю: заданы ли отступы по сетке 8px, есть ли компоненты с состояниями кнопок и полей, прописан ли шрифт с указанием весов и есть ли адаптивные версии хотя бы для трёх ширин - 375, 768 и 1440 px. Если чего-то из этого нет, я не додумываю сам, а возвращаю вопрос дизайнеру или заказчику до старта вёрстки, потому что переделка после старта стоит дороже согласования на берегу.
Сроки вёрстки от готового макета
Лендинг на Tilda из готового макета верстается 5-7 дней, интернет-магазин на WordPress с WooCommerce - 3-4 недели с учётом каталога и оплаты, кастомный лендинг на Next.js с анимациями - 10-15 дней. В договоре на вёрстку прописываю: расхождения с макетом по моей инициативе - переделка бесплатно, а недостающие в макете элементы, например состояние ошибки формы, которое дизайнер не нарисовал, - доплата по допсоглашению.
Один договор с этапами или два отдельных: что выбрать
Если дизайн и вёрстку делает один подрядчик, разумнее не разводить всё на два юридических лица, а прописать этапы внутри одного договора с отдельными актами на каждый. Если дизайнер и верстальщик - разные исполнители, отдельные договоры обязательны, иначе не с кого спрашивать за нестыковку.
| Сценарий | Кто отвечает за баги вёрстки | Риск простоя между этапами |
|---|---|---|
| Один договор с этапами, один подрядчик | Подрядчик по договору целиком | Низкий, вёрстка стартует сразу после акта по дизайну |
| Два отдельных договора, разные исполнители | Верстальщик, если отступил от макета; дизайнер, если макет неполный | Средний, зависит от загрузки второго исполнителя |
| Один договор, но вёрстка тайно передана на аутсорс | Формально подрядчик, фактически найти виноватого сложно | Высокий, сроки не под вашим контролем |
Если не хочется дробить процесс на разных подрядчиков и потом разбираться, кто виноват в сдвиге сроков, смотрю у себя список услуг по разработке сайта под ключ, где дизайн и вёрстка идут одним договором с отдельными актами на каждый этап, без передачи макета «на сторону».
Штрафы, оплата и приёмка в договоре на дизайн
Оплату разбиваю на аванс 50% перед стартом и остаток по акту сдачи. За просрочку со своей стороны прописываю неустойку 0,3-0,5% от суммы этапа за каждый день сверх срока, но с потолком, обычно не больше 10% от суммы этапа, иначе штраф становится абсурдным при длительной задержке. Отдельно фиксирую форс-мажор и порядок расторжения, если после двух согласованных раундов правок стороны не сошлись во мнениях: в этом случае оплачивается фактически выполненный объём, а не вся сумма договора.
Частые вопросы
Нужно ли включать вёрстку в тот же договор, что и дизайн?
Не обязательно. Если дизайн и вёрстку делает один и тот же подрядчик, логичнее один договор с раздельными этапами и актами на каждый. Если это разные исполнители, два отдельных договора обязательны, иначе не с кого спрашивать за нестыковку между макетом и готовым сайтом.
Кому принадлежат права на макет, если в договоре об этом не написано?
По умолчанию исключительное право остаётся у дизайнера как автора, по статье 1288 ГК РФ. Сама оплата права не переводит, нужен отдельный пункт о переходе исключительных прав в момент полной оплаты, иначе использовать макет за пределами согласованного проекта нельзя.
Что делать, если верстальщик исказил дизайн-макет?
Сверяю расхождения через Inspect-режим в Figma, где видны точные значения отступов, цветов и размеров шрифта, и фиксирую их актом. Если верстальщик отступил от макета по своей инициативе, переделка идёт бесплатно и в его зоне ответственности; если в макете не было нужного состояния элемента, это уже доработка по допсоглашению.
Сколько стоит отдельно разработка дизайна сайта?
У частных дизайнеров на рынке цена за макет колеблется от 15 000 до 80 000 ₽ в зависимости от сложности и количества экранов, это ориентир по рынку, не мои расценки. У меня дизайн обычно идёт в комплекте с вёрсткой одним договором: сайт на Tilda под ключ - от 30 000 ₽, сайт на WordPress - от 60 000 ₽, и обе части работы закрываются отдельными актами внутри одного договора.