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

Ниже — структура ТЗ на редизайн, которую я использую сам. С пояснениями, примерами и готовым шаблоном.

Зачем нужно ТЗ на редизайн

Техническое задание решает три задачи:

  1. Фиксирует объём работ. Что именно переделываем: только дизайн? Или ещё структуру, CMS, контент?
  2. Защищает обе стороны. Заказчик знает, что получит. Исполнитель — за что отвечает.
  3. Экономит время. Меньше итераций «не то», «переделай», «я имел в виду другое».

Даже если вы заказываете редизайн у фрилансера за 50 000 ₽ — ТЗ окупится. А если бюджет 200 000+ — без ТЗ просто нельзя.

Структура ТЗ на редизайн

1. Общая информация о проекте

Что описать:

  • Название компании, URL текущего сайта.
  • Тип бизнеса и целевая аудитория.
  • Цель редизайна (что не устраивает, чего хотите достичь).
  • Бюджет и желаемые сроки.

Пример:

Сайт компании «ЛесСтрой», lesstroi-nn.ru. Строительство деревянных домов в Нижегородской области. Текущий сайт создан в 2019 году, выглядит устаревшим, плохо работает на мобильных. Цель: обновить дизайн, улучшить мобильную версию, сохранить позиции в поиске.

2. Анализ текущего сайта

Прежде чем менять — зафиксируйте, что есть:

  • Структура: сколько разделов, страниц, уровней вложенности.
  • Трафик: откуда приходят посетители (поиск, реклама, прямые заходы).
  • Позиции: по каким запросам сайт в топе (чтобы их не потерять).
  • Проблемы: что конкретно не работает (скорость, адаптив, конверсия, навигация).

Это важно не только для проекта — это критически важно для SEO. При редизайне нужно сохранить URL-структуру и настроить карту редиректов. Иначе поисковые системы воспримут новые URL как новые страницы — и всё, что вы накопили, обнулится.

Подробнее о сохранении позиций при редизайне — на странице редизайн сайта.

3. Новая структура сайта

Что описать:

  • Карта сайта: какие разделы останутся, какие добавятся, какие уберём.
  • Изменения в навигации.
  • Новые типы страниц (например, добавляем блог или каталог).

Формат: лучше всего — древовидная схема. Можно в Miro, Figma или просто списком с вложенностью.

4. Требования к дизайну

  • Референсы: 3–5 примеров сайтов, которые нравятся. С пояснениями — что именно нравится.
  • Брендбук: если есть — приложите. Цвета, шрифты, логотип в векторе.
  • Стиль: минимализм, корпоративный, яркий, строгий — опишите словами.
  • Обязательные элементы: логотип в шапке, телефон, CTA-кнопка и т.д.

Что часто забывают: состояния элементов. Как выглядит кнопка при наведении? Что показывается при пустой корзине? Как отображается форма с ошибкой?

5. Требования к адаптивности

  • Какие устройства приоритетны (смотрите аналитику текущего сайта).
  • Минимальная ширина экрана.
  • Особые требования к мобильному меню, таблицам, формам.

6. Технические требования

  • CMS: остаётся текущая или переходим на другую?
  • Скорость: целевые показатели Core Web Vitals.
  • Интеграции: CRM, аналитика, платёжные системы, мессенджеры.
  • SEO-требования: карта редиректов 301, сохранение мета-тегов, каноникалы, микроразметка.

7. Контент

  • Какой контент переносится «как есть».
  • Какой нужно переписать.
  • Что создаётся с нуля (новые тексты, фото, видео).
  • Кто отвечает за контент — заказчик или исполнитель.

8. SEO-карта редиректов

Это отдельный документ или раздел ТЗ, где описано:

Старый URLНовый URLТип редиректа
/uslugi/doma//services/doma/301
/o-nas.html/about/301
/blog/post-1.html/blog/post-1/301

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

Если не уверены, как составить карту редиректов — обращайтесь, помогу.

9. Этапы и сроки

Разбейте работу на этапы с конкретными датами:

  1. Согласование ТЗ — до [дата].
  2. Прототип — [срок].
  3. Дизайн — [срок].
  4. Вёрстка и разработка — [срок].
  5. Миграция контента — [срок].
  6. Тестирование — [срок].
  7. Запуск — [дата].
  8. Мониторинг после запуска — 2 недели.

10. Критерии приёмки

Как вы поймёте, что работа выполнена:

  • Сайт соответствует утверждённому дизайну.
  • Все страницы корректно отображаются на мобильных.
  • Формы работают, заявки приходят.
  • Редиректы настроены, старые URL не дают 404.
  • Core Web Vitals в зелёной зоне.
  • Аналитика подключена и считает цели.

Готовый шаблон ТЗ

Вот структура, которую можно скопировать в Google Docs:

1. Общая информация
   - Компания, URL, контакт
   - Цель редизайна
   - Бюджет и сроки

2. Анализ текущего сайта
   - Структура
   - Трафик и позиции
   - Проблемы

3. Новая структура
   - Карта сайта
   - Навигация

4. Дизайн
   - Референсы
   - Брендбук
   - Стиль

5. Адаптивность
   - Приоритетные устройства
   - Требования

6. Техническое
   - CMS
   - Скорость
   - Интеграции
   - SEO

7. Контент
   - Что переносим
   - Что создаём
   - Ответственный

8. Карта редиректов
   - Таблица: старый URL → новый URL → тип

9. Этапы и сроки
   - Даты по каждому этапу

10. Критерии приёмки
    - Чек-лист готовности

5 советов по составлению ТЗ

Будьте конкретны. «Хочу современный дизайн» — не ТЗ. «Хочу как у сайта X: минимализм, много воздуха, шрифт без засечек, основной цвет — тёмно-синий» — уже можно работать.

Приложите скриншоты. Отметьте на скриншотах текущего сайта, что именно не нравится. Это экономит часы обсуждений.

Не забудьте про SEO. Самая частая ошибка при редизайне — потеря позиций. Карта редиректов — обязательна. Если нужна помощь — начните с SEO-аудита перед редизайном.

Зафиксируйте количество итераций. «Сколько раундов правок включено?» — договоритесь заранее. Обычно 2–3 раунда на этапе дизайна.

Включите мониторинг после запуска. 2 недели контроля: индексация, позиции, ошибки, работоспособность форм.

Когда не нужно ТЗ

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

Полезный ориентир: если бюджет работы превышает 50 000 ₽ — ТЗ обязательно.

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

Также полезно: «Как составить ТЗ на сайт» — общий шаблон для новых проектов.

Автор материала

Антон Ветров Разработка сайтов, поисковая доступность, автоматизация и эксплуатация.