Сроки создания дизайна сайта - вопрос, на который я никогда не называю одну цифру, потому что ответ зависит от типа проекта, объёма контента и количества согласований на стороне заказчика. На практике простой лендинг на Tilda я закрываю за 3-5 дней, а дизайн интернет-магазина или интерфейса веб-сервиса растягивается на несколько недель. Ниже разбираю, из чего складывается срок по этапам, что реально тормозит макет и сколько правок стоит закладывать в план, чтобы не сдвигать дату запуска.
Сроки создания дизайна сайта по типам проектов
Время на макет считается отдельно от времени на вёрстку и интеграции, но клиенты обычно спрашивают про общий срок до запуска. Вот как это выглядит по моим последним проектам.
| Тип сайта | Дизайн макета | Полный срок до запуска |
|---|---|---|
| Лендинг на Tilda | 3-5 дней | 7-10 дней |
| Корпоративный сайт, 5-10 страниц | 7-12 дней | 3-4 недели |
| Интернет-магазин | 15-20 дней | 6-8 недель |
| Веб-сервис или SPA-интерфейс | 3-5 недель | от 8 недель |
Свои цены я держу без вилок: сайт на Tilda - от 30 000 ₽, интернет-магазин под ключ - от 80 000 ₽, лендинг на Next.js - от 80 000 ₽, веб-сервис или SPA - от 300 000 ₽ при сроке от 8 недель. У студий и фрилансеров на рынке разброс шире: дизайн лендинга легко встречается и за 15 000, и за 60 000 ₽, в зависимости от портфолио и загрузки исполнителя.
Из каких этапов складывается срок дизайна
Внутри срока дизайна прячется несколько этапов, и на каждом можно как сэкономить день, так и потерять неделю.
- Бриф и референсы - 1-2 дня. Собираю задачи, смотрю сайты-аналоги, фиксирую структуру и тон.
- Структура и вайрфреймы - 1-3 дня. Раскладываю блоки по страницам без цвета и шрифтов, чтобы согласовать логику до отрисовки.
- Концепт первого экрана - 2-4 дня. Обычно показываю 1-2 варианта, а не пять: выбор из пяти макетов почти всегда затягивается на неделю обсуждений.
- Отрисовка остальных блоков - 3-7 дней в зависимости от числа страниц и сложности интерактивных элементов.
- Адаптив под мобильные экраны - 1-3 дня.
- Финальные правки и подготовка к вёрстке - 1-2 дня.
Для Tilda часть этапов схлопывается, потому что макет собирается сразу в блоках конструктора и не нужен отдельный экспорт в Figma для вёрстки. Для WordPress и кастомных проектов между дизайном и вёрсткой всегда есть передача макета разработчику со спецификацией отступов, шрифтов и состояний кнопок - это добавляет 1-2 дня, но экономит время на переделки уже в коде.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Что тормозит макет на практике
Из моих проектов за последние пару лет самые частые причины срыва сроков дизайна - не сложность самого макета, а организационные вещи вокруг него.
- Нет референсов на старте. Просьба «сделайте красиво» без примеров сайтов, которые нравятся, добавляет минимум один лишний раунд правок - я рисую вариант, клиент понимает, что хотел другое, и мы теряем 3-4 дня.
- Долгие согласования у клиента. Если решение принимает не один человек, а согласование идёт через нескольких сотрудников или руководителя, ревью концепта растягивается с 1-2 дней до полутора недель.
- Контент готовится параллельно с дизайном. Макет под заглушки текста почти всегда переверстывается, когда приходят реальные фото товаров или тексты другой длины.
- Смена задачи в процессе. Лендинг на этапе дизайна превращается в мини-каталог с фильтром - это отдельная задача, а не правка, и её стоит закладывать в срок и бюджет отдельно.
- Сравнение с конкурентами на середине работы. Когда концепт уже утверждён, а клиент присылает новый референс «а давайте как у них» - это откат на этап концепта, а не мелкая доработка.
Сколько правок нормально закладывать в дизайн
В своих проектах я закладываю два раунда правок: один после концепта первого экрана, второй после полной отрисовки макета. Этого хватает в большинстве случаев, если бриф был подробным. Третий и последующие раунды я либо оговариваю отдельно, либо перевожу в почасовую доработку, иначе процесс не заканчивается никогда.
На интернет-магазинах правок обычно больше, потому что в макет закладывается не только внешний вид, но и логика: блок расчёта доставки под зоны СДЭК или виджет оплаты под T‑Bank и WooCommerce требует отдельных состояний - пустая корзина, ошибка оплаты, недоступная зона доставки. Если это не обсудили на брифе, доработка таких блоков всплывает уже после согласования макета и добавляет 3-5 дней сверх плана.
То же самое с кастомными скриптами для Tilda: калькулятором стоимости, фильтром каталога, ограничением промокода. Их интерактивные состояния - hover, disabled, ошибка ввода - нужно продумывать в дизайне заранее, а не дорисовывать на лету, когда скрипт уже пишется.
Как сократить срок дизайна без потери качества
- Собираю референсы и обязательные блоки до старта, а не в процессе - экономит минимум один раунд правок.
- Утверждаю макет поэтапно: сначала структура, потом первый экран, потом весь макет целиком, вместо одного показа «всё сразу», после которого приходится переделывать половину.
- Фиксирую количество правок заранее - обычно два раунда, третий отдельно и за отдельную оплату.
- Для интернет-магазинов прошу таблицу товаров и категорий до начала дизайна каталога, а не «пришлю потом».
- Использую готовые виджеты вместо разработки блока с нуля: например, готовый виджет зон доставки для Tilda экономит и время на дизайн, и время на логику проверки адреса по зонам на карте.
Срок дизайна и срок полного запуска - разные вещи
Путаница между сроком дизайна и сроком запуска чаще всего и создаёт ощущение, что «дизайн долго делается». Макет лендинга на Tilda я рисую за 3-5 дней, но вёрстка, интеграция форм и тестирование добавляют ещё 3-5 дней сверху. У кастомных проектов на WordPress или веб-сервисов разрыв больше: дизайн интерфейса для SaaS может занять 3-4 недели, а весь проект вместе с бэкендом и интеграциями - от 8 недель. Если в брифе заранее понятно, что сайт будет обрастать разделами - личный кабинет, каталог, интеграция с CRM, - закладываю это в план сразу, а не как правку уже после утверждения макета.
Частые вопросы
Сколько времени занимает дизайн сайта на Tilda?
От 3 до 5 дней для простого лендинга с 5-7 экранами. Если добавляются кастомные блоки - калькулятор, фильтр каталога, форма с валидацией, - срок увеличивается на 2-3 дня, потому что для них нужно продумывать состояния отдельно от статичного макета.
Можно ли ускорить дизайн, если сроки горят?
Частично. Быстрее всего срок сокращается за счёт готовых референсов и одного раунда правок вместо трёх - это экономит 3-5 дней без потери качества. А вот количество страниц или сложность интерактивных блоков сжать физически нельзя: на каждый экран уходит своё время независимо от дедлайна.
Почему дизайн интернет-магазина занимает дольше, чем лендинга?
Потому что кроме страниц добавляется логика: карточка товара с вариантами, фильтры каталога, корзина, блок оплаты и доставки. У каждого из них несколько состояний - пустое, с ошибкой, в процессе загрузки, - и это уже не один макет, а набор сценариев. На практике интернет-магазин занимает 15-20 дней дизайна против 3-5 у лендинга.
Что делать, если правки затягиваются до бесконечности?
Зафиксировать количество раундов заранее, до старта работы. Я закладываю два раунда правок в договор, а всё, что сверху, перевожу в отдельную оплачиваемую доработку. Дело не в жадности: без границы правки идут по кругу, потому что каждая новая версия рождает новые пожелания.