Сколько стоит дизайн сайта и от чего зависит цена

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

Сколько стоит дизайн сайта, если в одном предложении 40 тыс., в другом 400 тыс., а в третьем вообще «зависит от задачи»? Все 3 цифры могут быть честными. Они просто описывают разную работу: в первом случае подгонку готового шаблона под ваш логотип, во втором — макеты всех страниц для телефона и компьютера с прототипами и UI-kit, в третьем подрядчик еще не понял, что вы хотите.

Цена дизайна сайта складывается из часов, а часы — из 3 вещей: сколько у сайта уникальных типов страниц, нужны ли прототипы и отдельные мобильные макеты и сколько кругов правок заложено. Остальное (иллюстрации, анимации, исследование) добавляется сверху. Если знать эти составляющие, любую смету можно разобрать на строки и сравнить с другой.

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

Почему вилка цен такая широкая

Под словами «дизайн сайта» продают как минимум 4 разные услуги. Настройка готового шаблона: дизайнер меняет цвета, шрифты и картинки в купленной теме. Дизайн по готовому решению: структура и логика берутся из типового решения, а внешний вид рисуется под бренд. Индивидуальный дизайн ключевых страниц: главная, каталог, карточка, остальное собирается из компонентов. И полный индивидуальный дизайн всех типов страниц с исследованием, прототипами и дизайн-системой.

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

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

Из чего складывается цена дизайна сайта

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

• Типы страниц. Главный множитель. Считают уникальные шаблоны: у сайта на 500 страниц может быть 8 шаблонов, у лендинга — один, зато длинный. Страница услуги, нарисованная один раз, потом повторяется для всех 30 услуг.
• Прототипы. Черно-белые схемы страниц: какие блоки, в каком порядке, что в них написано. Прототип занимает 10–20% часов дизайна, а экономит больше: передвинуть блок на схеме — минуты, на готовом макете — часы.
• Мобильные макеты. Отдельная отрисовка для телефона. Можно оставить верстальщику «по аналогии», но тогда мобильную версию по сути проектирует он. Для сайтов, где больше половины трафика с телефонов, я бы не экономила.
• UI-kit. Набор элементов интерфейса: кнопки, поля, таблицы, карточки, все их состояния. Без него каждый новый раздел через год рисуют заново, и сайт постепенно расползается по стилю.
• Графика. Иллюстрации, иконки, 3D, обработка фото, покупка стоковых изображений. Может стоить как весь остальной дизайн, если нужны авторские иллюстрации.
• Анимации. Микроанимации кнопок дешевые, сценарные анимации при прокрутке дорогие и требуют прототипа движения.
• Круги правок. Обычно в цену закладывают 2 круга в рамках согласованной идеи. Смена концепции после утверждения — уже новая работа.

Отдельно про исследование: интервью, анализ конкурентов, сценарии клиентов. В небольших проектах его часто объединяют с прототипами, в больших это самостоятельный этап. Если в смете его нет, уточните, на чем будет основана структура. Ответ «на нашем опыте» для сайта услуг иногда допустим, для интернет-магазина с 10 тыс. товаров уже нет.

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

Встречаются 3 модели, и у каждой свои риски для заказчика.

Модель сама по себе ни плохая, ни хорошая. Важно, чтобы в смете было видно, сколько макетов и каких страниц вы получите, входят ли мобильные версии и сколько кругов правок оплачено.

Мы в Design Lab считаем дизайн по-разному, в зависимости от задачи. Если дизайн — часть разработки сайта, он считается внутри сметы проекта по этапам: прототипы, макеты по типам страниц, верстка. Если нужен только дизайн страниц или блоков, это почасовая работа с оценкой до старта. На 20.10.2026 ставка разовых дизайн-задач — 3500 руб./ч., в дизайн-подписке — 2500 руб./ч. при минимуме 10 ч. в месяц.

Сколько часов уходит на дизайн разных сайтов

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

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

Модельный расчет для сайта услуг

Возьмем собирательный пример: сайт инженерной компании, 6 типов страниц — главная, список услуг, страница услуги, кейсы, статья, контакты.

1. Прототипы ключевых страниц — 8 ч.
2. Концепция на главной: 1–2 направления стиля — 14 ч.
3. Остальные 5 шаблонов на основе концепции — 5 × 5 ч. = 25 ч.
4. Мобильные макеты всех шаблонов — 12 ч.
5. UI-kit: кнопки, формы, карточки, состояния — 6 ч.
6. 2 круга правок — 8 ч.
7. Передача верстальщику и ответы на вопросы — 3 ч.

Итого 76 ч. При ставке 3500 руб./ч. это 266 000 руб. Если отказаться от мобильных макетов и прототипов, получится около 56 ч. и 196 000 руб., но сэкономленные 20 ч. почти наверняка вернутся правками на верстке.

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

Из каких этапов состоит работа и сколько длится каждый

76 часов из расчета выше в календаре превращаются в 3–5 недель. Разница между часами и неделями — это согласования: дизайнер ждет ответа по прототипу, потом по концепции, потом по каждой партии макетов. Поэтому в смете часы, а в договоре сроки, и это разные цифры.

Работа идет в 6 этапов, строго по порядку. Каждый заканчивается конкретным файлом или документом, который заказчик согласует. Если этап закончился словами «ну, в целом нравится», а файла нет, этап не закончился. Сроки ниже — мои ориентиры для сайта услуг из 5–7 шаблонов при условии, что заказчик отвечает за 1–2 рабочих дня.

Самый длинный этап — четвертый. Для корпоративного сайта это 10–20 шаблонов: главная, услуга, список услуг, кейс, статья, контакты, страница 404, результаты поиска, политика. Мы согласуем макеты по спринтам: заказчик получает 4–5 шаблонов каждую неделю вместо 20 страниц разом в конце месяца, и правки по первым страницам сразу учитываются в следующих.

Хороший признак зрелой передачи на шестом этапе — дизайн-токены: цвета, отступы и скругления вынесены в переменные, которые разработчик переносит в код без пересчета «на глаз». На стороне верстки это выглядит примерно так:

:root {
  /* цвета из UI-kit */
  --color-primary: #2477E8;
  --color-primary-hover: #1C63C4;
  --color-error: #FF6654;
  --color-text: #222529;

  /* типографика */
  --font-base: 'Manrope', Arial, sans-serif;
  --text-body: 18px;
  --text-h1: clamp(32px, 5vw, 56px);

  /* сетка и скругления */
  --radius-card: 20px;
  --gap: 24px;
}

Если в макете синий в 5 местах немного разный, а отступы 23, 25 и 24 px, токены собрать нельзя. Такой макет выглядит аккуратно, верстается дольше и разваливается при первой доработке. Это одна из причин, по которой дешевый макет в итоге обходится дороже.

Сколько недель закладывать на разные сайты

Срок зависит от числа шаблонов и скорости согласований, остальное влияет слабо. Ниже ориентир для проекта, где контент (тексты, фото, прайс) готов к этапу макетов. У 2 одинаковых по размеру проектов срок может отличаться вдвое.

Главный вывод из таблицы: сократить срок проще всего подготовкой заказчика, ускорить самого дизайнера без потери качества почти невозможно. Готовые тексты и 1 человек, который принимает решения, экономят больше времени, чем любая «срочность».

Самый надежный способ растянуть проект вдвое — согласовывать макеты с 5 людьми по очереди. Каждый видит макет впервые, каждый приносит свои правки, и часть правок противоречит друг другу. Назначьте одного ответственного, который собирает мнения внутри компании и возвращает дизайнеру единый список. Как этапы дизайна связаны с остальным проектом, разобрано в статье об этапах разработки сайта.

Что вы должны получить за эти деньги

Итог работы дизайнера — не картинки в PDF. «Дизайн сайта» в смете может означать и полноценный рабочий файл с компонентами, и 5 картинок для презентации, и продаются они под одним названием. Проверьте, что в договоре и смете записано:

• исходники макетов в Figma с доступом на редактирование, а не только ссылка на просмотр;
• макеты всех оплаченных шаблонов в десктопной и мобильной версии;
• UI-kit или хотя бы страница со всеми элементами и их состояниями;
• иконки и иллюстрации отдельными файлами в SVG и исходниках, чтобы не выдергивать графику из макета;
• шрифты и изображения с понятной лицензией: бесплатные шрифты под открытой лицензией или купленные на вашу компанию, на каждое стоковое фото — своя лицензия;
• передача исключительного права на дизайн.

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

С правами по умолчанию все в пользу заказчика. По ст. 1296 ГК РФ исключительное право на произведение, созданное по заказу, принадлежит заказчику, если договором не предусмотрено иное. Ключевое тут «если не предусмотрено иное»: прочитайте, что написано в договоре. Фраза «дизайн переходит в собственность заказчика» — слабая формулировка: собственность бывает на вещи, а на дизайн бывают исключительные права, и в договоре должны стоять именно эти слова.

Шрифты и стоковые фото под правило о заказе не попадают, на них нужна своя лицензия, и ее отсутствие всплывает через год, когда сайт уже работает. Бесплатный шрифт не всегда бесплатен для сайта. Например, Manrope распространяется по SIL Open Font License, которая разрешает использовать его на сайте и в коммерческих проектах. У платных гарнитур веб-лицензия часто продается отдельно от лицензии для печати и зависит от числа просмотров.

Как принять макеты, чтобы не платить за переделки

Заказчик обычно смотрит макет как картинку: нравится или нет. Картинка может нравиться и при этом не работать. Каждая проблема, найденная после верстки, стоит в несколько раз дороже той же проблемы в макете. Вот что стоит проверить перед тем, как подписать акт по дизайну.

1. Мобильная версия. Откройте макет на телефоне в реальном размере: на мониторе мелкие кнопки выглядят нормально. Кнопки должны нажиматься пальцем: по стандарту доступности WCAG 2.2 минимальный размер цели нажатия — 24 × 24 px, для основных кнопок разумно закладывать 44 px и больше.
2. Контраст текста. Светло-серый текст на белом фоне выглядит элегантно в макете и не читается на солнце. WCAG 2.2 требует контраст не ниже 4,5:1 для обычного текста и 3:1 для крупного.
3. Реальный контент. В макете заголовок услуги занимает 2 строки, а в жизни ее название в 3 раза длиннее. Попросите показать самые длинные реальные названия, цены и описания.
4. Состояния. Ошибка в форме, пустая корзина, ничего не найдено, товар закончился, загрузка. Если этих экранов нет, их нарисует верстальщик — как сможет, и за его часы вы тоже заплатите.
5. Страница 404 и служебные страницы. Политика, согласие, результаты поиска. Они тоже часть сайта, и пользователи на них попадают.
6. Путь к заявке. Пройдите главный сценарий пальцем по макету: откуда пользователь приходит, сколько экранов до формы, что он видит после отправки.

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

Где заказчики переплачивают

Самая дорогая ошибка — пропустить прототипы. Заказчик хочет сразу «увидеть красиво», дизайнер рисует главную, и на согласовании выясняется, что блоки стоят не в том порядке, а половины текстов еще нет. Перерисовка готового макета стоит в 3–4 раза больше, чем правка схемы. Соотношение — моя оценка, точных замеров тут не бывает, но порядок именно такой.

Вторая ошибка — смена концепции после утверждения. «Давайте все-таки попробуем в темных тонах» на этапе пятого шаблона означает, что 4 уже нарисованных шаблона пойдут в корзину.

Третья — заказ 3 концепций главной «чтобы было из чего выбрать». Я считаю это плохой тратой денег. Дизайнер делит время на 3 части, и вы получаете 3 недоработанных варианта вместо одного продуманного. Потом звучит просьба «взять шапку из первой, цвета из второй», и получается гибрид без логики. Лучше 1–2 направления на одном экране, обсуждение и потом полноценная отрисовка.

Четвертая — макеты без контента. Дизайн нарисован на «рыбе», тексты пишутся потом. Настоящий текст не влезает в блоки, фотографий в нужном формате нет, красивый слайдер на главной показывает 1 баннер из 3 нарисованных, и макеты переделываются уже за ваши деньги. Та же история со структурой: дизайнер красиво оформляет 7 пунктов меню, а через 2 недели выясняется, что услуг 14 и им нужно 2 уровня вложенности. Шапка перерисовывается целиком. Контент и структуру собирайте до этапа макетов или хотя бы параллельно с прототипами.

И наконец, дизайн без мысли о поддержке. Если на сайте каждый раздел нарисован уникально, без системы компонентов, любой новый лендинг или раздел через год потребует нового дизайна. UI-kit стоит несколько часов на старте и экономит десятки часов потом.

Если сайт уже есть и вопрос в том, нужно ли его перерисовывать целиком, начните с разбора когда редизайн сайта действительно нужен: иногда достаточно переделать 2–3 ключевых шаблона.

Как сравнить 2 сметы на дизайн

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

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

Если дизайн нужен как часть нового сайта, его разумнее считать вместе с разработкой: верстальщик и дизайнер договорятся о компонентах до старта, и часы не уйдут на переделки. Как устроены такие проекты, описано на странице разработки сайтов, а отдельные дизайн-задачи — на странице дизайна.