Как составить техническое задание для сайта, чтобы не переделывать его дважды

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

Зачем нужно техническое задание, если «всё и так понятно»

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

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

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

Раздел первый: цели и задачи сайта

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

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

Расскажите о бизнесе и аудитории: кто ваши клиенты, как они выбирают, какие вопросы задают, какие возражения встречаются. Чем подробнее описание, тем точнее исполнитель попадёт в нужный тон и структуру. Приложите материалы: записи типичных вопросов, отзывы, примеры сайтов, которые нравятся, и сайты конкурентов с пометками, что понравилось и что нет.

Раздел второй: структура и содержание

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

Определите, кто и когда готовит материалы: тексты, фотографии, видео, цены, отзывы. Размытая ответственность за контент — главная причина срыва сроков. Если тексты пишет исполнитель, уточните, сколько правок входит и какие данные нужны от вас. Если вы пишете сами, назначьте срок и ответственного.

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

Раздел третий: дизайн и пользовательский опыт

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

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

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

Раздел четвёртый: технические требования

Система управления. Укажите, на чём будет сайт. Для большинства небольших и средних бизнесов мы рекомендуем ХостСМС: она проста в управлении, подходит для сайтов услуг и блогов и хорошо поддерживает нужные интеграции. Альтернативы — 1С-Битрикс и ВордПресс. Какой бы вариант вы ни выбрали, зафиксируйте, что именно вы сможете менять сами: тексты, цены, фотографии, статьи, формы.

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

Интеграции. Яндекс.Метрика с целями, Яндекс.Вебмастер, учёт звонков (Коллтач или Каллибри), система учёта заявок (амоСРМ или Битрикс24), онлайн-чат (Живосайт, Энвибокс), почта для уведомлений. Для каждой интеграции опишите, какие данные и куда передаются. Например: «Заявка с формы создаёт сделку в амоСРМ с полями: имя, телефон, страница, источник, метки».

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

Раздел пятый: поиск, карты и нейропоиск

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

Свяжите сайт с картами: на странице контактов адрес, телефон и часы работы совпадают с данными в Яндекс Бизнесе и 2ГИС, есть ссылки на карточки, отзывы можно показать на сайте. Включите в работы подготовку и проверку карточек: это часть подхода «3 в 1», где сайт, Яндекс.Справочник и 2ГИС работают вместе.

Не ставьте целью «первое место по запросу»: выдача у каждого пользователя своя, и позиции не отражают реальных результатов. Лучше зафиксировать целевые показатели заявок и источников в Метрике.

Раздел шестой: сроки, этапы и приёмка

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

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

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

Как проверить, что задание понятно обеим сторонам

Попросите исполнителя пересказать задание своими словами и показать, как он видит результат. Нестыковки всплывают сразу. Задайте контрольные вопросы: «Что произойдёт, если клиент оставит заявку ночью?», «Как я увижу, с какой страницы пришёл клиент?», «Кто и как сможет изменить цену на странице?». Если ответы расплывчаты, в задании пробел.

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

Типичные ошибки

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

Пример краткого фрагмента задания

Чтобы документ не казался абстрактным, посмотрим, как выглядит описание одной страницы. Страница «Ремонт кровли». Цель: получать заявки на замер и расчёт. Аудитория: владельцы частных домов, которые сравнивают подрядчиков. Блоки по порядку: заголовок с услугой и сроком, ориентир цены «от», кнопки телефона и мессенджера, три шага работы, пять примеров объектов с фото до и после, калькулятор приблизительной стоимости, отзывы с источником, ответы на пять частых вопросов, форма с двумя полями. Форма отправляет заявку в амоСРМ с источником и страницей, на почту ответственному и уведомлением в мессенджер дежурному. В Метрике фиксируются цели: клик по телефону, клик по мессенджеру, отправка формы, использование калькулятора. Критерий приёмки: тестовая заявка попадает во все три места за минуту, страница открывается на телефоне менее чем за три секунды.

Такое описание занимает полстраницы, но снимает десятки вопросов. Исполнитель знает, что делать, менеджер понимает, как будут приходить заявки, а вы можете проверить результат по списку. Повторите эту схему для основных страниц, остальные опишите короче, ссылаясь на общие правила.

Как вести изменения после подписания

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

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

Задание для небольшого сайта: короткая версия

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

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

Вывод

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

Если вы готовитесь к созданию или обновлению сайта и хотите составить задание, которое защитит от лишних затрат, обратитесь за бесплатной консультацией к специалистам компании «Сайты Профессионально». Мы поможем сформулировать цели, продумать структуру и интеграции и подготовить документ, по которому можно спокойно работать.