Техническое задание на сайт: как составить, чтобы получить нужный результат

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

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

Зачем сайту техническое задание

ТЗ фиксирует, что именно будет сделано, как это будет работать и по каким признакам работа считается принятой. Это общий документ для заказчика, дизайнера, программиста и того, кто потом будет продвигать сайт.

Что происходит без ТЗ

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

Кто пишет документ

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

Цели и аудитория: с чего начать

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

Формат сайта

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

Кто будет пользоваться сайтом

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

Структура и содержание страниц

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

Карта разделов

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

Прототипы

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

Какие страницы прототипировать

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

Что проверить на схеме

Смотрите, видны ли на первом экране предложение, цена или способ её узнать и кнопка связи. Проверьте, есть ли на странице отзывы, гарантии и реквизиты — Яндекс учитывает такие коммерческие факторы при ранжировании.

Функционал и интеграции

В разделе о функционале сайта перечисляется всё, что сайт должен уметь делать, а не только показывать. Каждый пункт стоит описывать через действие пользователя и результат.

Типичный набор для сайта компании выглядит так:

• формы заявки с передачей данных в CRM и уведомлением менеджеру;
• каталог с фильтрами, сортировкой и поиском;
• калькулятор стоимости, если цена зависит от параметров;
• онлайн-оплата и выбор способа доставки для магазина;
• личный кабинет, если клиенты возвращаются за повторными заказами;
• обмен данными с 1С об остатках и ценах.

Управление сайтом

Укажите, что вы будете менять сами: цены, новости, акции, товары. От этого зависит выбор CMS. Для крупного каталога с обменом данными часто берут 1С-Битрикс, для сайта услуг подходит WordPress, а для небольшого проекта иногда хватает Tilda. Главное — чтобы сотрудник мог внести правку без обращения к программисту.

Сбор данных посетителей

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

Дизайн: как описать, чего вы хотите

Дизайн проще описывать примерами, а не прилагательными. Слова «стильно», «дорого» и «минималистично» каждый понимает по-своему, а три ссылки на сайты, которые нравятся, и две — на те, что не нравятся, снимают половину вопросов.

Фирменный стиль

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

Адаптивная вёрстка

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

Технические требования для поиска

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

Минимальный список требований:

1. понятные адреса страниц (URL) на латинице без лишних параметров;
2. управление заголовками и мета-тегами каждой страницы из CMS;
3. файлы robots.txt и sitemap, настройка canonical для дублей;
4. сертификат SSL и переадресация с незащищённой версии;
5. микроразметка Schema.org для организации, товаров и услуг;
6. поддержка IndexNow, чтобы Яндекс быстрее узнавал о новых страницах.

Отдельно пропишите требования к скорости. Ориентиры Google: основной блок загружается за 2,5 секунды или быстрее, отклик на действие пользователя — не дольше 200 миллисекунд, а элементы при загрузке почти не сдвигаются. Если сайт переносится со старой версии, обязательно добавьте пункт о переадресации старых адресов на новые, иначе можно потерять накопленный трафик.

Сроки, приёмка и цена

В конце документа описывается, как будет идти работа и по каким критериям её принимают. Это защищает обе стороны: заказчик понимает, за что платит, а исполнитель — когда этап закрыт.

Этапы и приёмка работ

Удобно разбить проект на этапы с отдельным результатом по каждому:

Как ТЗ влияет на стоимость

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

Ошибки при составлении ТЗ

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

Вторая — забыть про наполнение. Сайт готов, а текстов и фотографий нет, и запуск откладывается на месяцы. Третья — требовать всё сразу: личный кабинет, программу лояльности и интеграцию с десятком сервисов. Разумнее запустить рабочую версию, посмотреть на поведение посетителей и добавлять функции по мере необходимости. О том, какие детали действительно влияют на удобство, мы писали в статье про незаметный, но удобный интерфейс.

И последняя ошибка — не указать, кто отвечает за сайт после запуска. Хостинг, домен, продление сертификата и резервные копии должны быть закреплены за конкретным человеком или подрядчиком.

Если нужен подрядчик под готовое ТЗ

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

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

Команда epic name. помогает составить ТЗ и берёт на себя разработку сайта под ключ — от прототипа до запуска и передачи доступов. Мы работаем в Москве и по всей России. Если вы решили заказать создание сайта под ключ или заказать разработку сайта под ключ, загляните на страницу, где описаны создание и разработка сайтов под ключ в нашей команде. Во сколько обойдётся создание сайта под ключ, цена каждого этапа и сроки — всё это мы называем после обсуждения задания.