Как подготовить техническое задание на сайт

Опишите бизнес-задачу и аудиторию

Начните с того, зачем нужен сайт. «Современный и красивый» описывает впечатление, но не объясняет задачу. Более конкретная формулировка: «Помочь владельцам загородных домов выбрать остекление и заказать замер». Из неё понятны аудитория, предложение и основное действие.

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

Составьте карту страниц

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

Отметьте, где используется общий шаблон, а где нужна самостоятельная компоновка. Добавьте список материалов для каждой страницы: заголовок, описание, фотографии, характеристики, документы, вопросы клиентов. Не обязательно сразу писать все тексты, но важно договориться, кто их готовит и в какой момент передаёт.

Запишите сценарии вместо общих пожеланий

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

Дальше перечислите проверяемые случаи: верные данные, незаполненное поле, ошибка доставки, повторное нажатие. Если заявка должна попадать в CRM, укажите систему, нужную воронку и поля. Условия оплаты, доставки и согласий также лучше согласовать заранее с ответственными специалистами компании, а не придумывать при сборке страницы.

Как описать дизайн и мобильную версию

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

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

Согласуйте порядок работы и приёмки

• Кто утверждает структуру, дизайн и готовые страницы.
• Где команда собирает замечания и как решаются противоречивые правки.
• Какие браузеры, устройства и сценарии входят в проверку.
• Что считается ошибкой относительно согласованного задания, а что — новой функцией.
• Какие доступы и инструкции передаются после запуска.

Храните утверждённую версию задания и список изменений. При появлении новой идеи оценивайте её влияние на сроки и объём до реализации. Это позволяет обсуждать изменения спокойно и предметно, без спора о том, что подразумевалось в начале.

Что отправить подрядчику для первой оценки

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

Например, вместо требования конкретного сервиса интеграции сначала объясните, какие данные и между какими системами должны передаваться. Специалист предложит варианты с учётом ограничений. Подробнее о том, как требования влияют на оценку, — в статье о стоимости сайта.