Как составить техническое задание(ТЗ) на сайт?

Вы хотите заказать сайт, но не знаете, как объяснить разработчику свои пожелания?

Не беда! Техническое задание (ТЗ) — это «инструкция» для исполнителя, которая помогает избежать недопониманий.

Рассказываем, как его составить, даже если вы никогда этого не делали.

 

1. Зачем нужно ТЗ?

• Экономит время: Чем подробнее ТЗ, тем меньше вопросов задаст разработчик.
• Снижает риски: Вы получите именно тот сайт, который представляли.
• Упрощает оценку стоимости: Исполнитель сразу поймет объем работ.

 

2. Как начать? Ответьте на 5 вопросов

Прежде чем писать ТЗ, определитесь:

1. Для кого сайт?
   — Кто ваша аудитория? (например: молодые мамы, бизнесмены, студенты).
   — Что им нужно? (купить товар, получить информацию, записаться на курс).
2. Какая цель сайта?
   — Продавать товары.
   — Рассказывать о компании.
   — Привлекать подписчиков в соцсети.
3. Какие сайты вам нравятся?
   — Соберите 3-5 примеров (даже если это не конкуренты).
   — Укажите, что именно в них привлекло: дизайн, меню, анимация.
4. Чего вы НЕ хотите?
   — Например: «Не нужно темных цветов», «Не добавляйте pop-up окна».
5. Какие функции обязательны?
   — Онлайн-оплата.
   — Форма обратной связи.
   — Интеграция с Instagram.

 

3. Структура ТЗ: пишем по пунктам

Шаг 1. Общая информация

• Название компании / проекта.
• Целевая аудитория (опишите ее подробно: возраст, интересы, боль).
• Цели сайта (продажи, лидогенерация, информирование).

Шаг 2. Дизайн и стиль

• Предпочитаемые цвета (например: «Светлые оттенки, как на сайте Apple»).
• Шрифты (если есть корпоративный стиль — прикрепите файлы).
• Примеры понравившихся сайтов (ссылки + комментарии: «Нравится меню сверху»).

Шаг 3. Структура сайта
Перечислите все страницы и что на них должно быть:

• Главная страница: слайдер, кнопка «Заказать», блок с преимуществами.
• Услуги: список услуг с ценами.
• Контакты: карта, форма, телефон, соцсети.

Шаг 4. Функционал

• Обязательное:
  — Адаптивность под мобильные. Как должно выглядеть мобильное меню, стрелка «наверх», закрепленная шапка?
  — SEO-настройки.
• Дополнительное:
  — Личный кабинет для клиентов.
  — Чат с поддержкой.

Шаг 5. Контент

• Кто будет готовить тексты, фото, видео (вы или разработчик)?
• Нужен ли перевод на другие языки или региональные страницы?

Шаг 6. Сроки и бюджет

• Желаемые сроки запуска.
• Максимальный бюджет (например: «Не более 100 000 руб.»).

 

4. Советы для идеального ТЗ

• Не бойтесь деталей: Лучше указать «кнопка „Заказать“ должна быть красной и в правом верхнем углу», чем потом переделывать.
• Используйте визуал: Рисунки от руки, скриншоты, мудборды в Pinterest — всё подойдет!
• Обсуждайте ТЗ с разработчиком: Он подскажет, что технически реализуемо, а что нет.

 

Чек-лист для ТЗ: 15 ключевых пунктов

Отметьте галочкой то, что уже продумали:

1. Цель сайта (продажи, презентация, блог).
2. Целевая аудитория (возраст, интересы, гео).
3. Примеры сайтов-референсов (3-5 штук).
4. Цветовая гамма и стиль (светлый/темный, минимализм/яркость).
5. Структура: список всех страниц (главная, услуги, контакты и т.д.).
6. Функционал: формы, корзина, интеграции.
7. Мобильная версия. Детали мобильного интерфейса.
8. Контент: кто готовит тексты и изображения?
9. Мультиязычность и/или региональность?
10. SEO: нужно ли продвижение в поисковиках?
11. Сроки: желаемая дата запуска.
12. Бюджет: максимальная сумма.
13. Хостинг и домен: кто их регистрирует?
14. Аналитика: подключение Google Analytics/Яндекс.Метрики.
15. Поддержка: нужна ли помощь после запуска?

 

Что делать дальше?

1. Соберите все пункты в документ (Google Docs, Word).
2. Добавьте скриншоты, примеры, ссылки.
3. Отправьте разработчику и обсудите детали.

 

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