Как составить ТЗ на разработку сайта

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

Бесплатный экспресс аудит

Проведём SEO аудит без оплаты. Акция действует до конца августа.

Заказать аудит

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

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

Преимущества создания сайта по ТЗ:

• Уточнение желаемого результата. Часто при заказе сайта владелец бизнеса не до конца представляет себе, какие задачи будет решать проект, и как он должен работать. Во время обсуждения ТЗ становятся понятными требования к технической части, структуре меню и функционалу страниц. 
• Ускоренная разработка проекта. Исполнитель четко представляет себе результат, ему не нужно задавать вопросы заказчику. После презентации первой версии сайта разработчику с меньшей вероятностью придется исправлять ошибки. Корректировки неизбежны, но при наличии техзадания они будут минимальными.
• Легкая замена исполнителя. Если разработчик по какой-то причине не может продолжать участвовать в проекте, готовое техзадание поможет быстро подобрать нового исполнителя. Другой исполнитель сможет включиться в рабочий процесс без долгих переговоров.
• Стандарт оценки качества. Когда новый сайт будет готов, заказчик сможет проверить по чек-листу, соответствует ли он изначальным требованиям. Техзадание помогает решать споры между заказчиками и разработчиками, в том числе в судебном порядке.

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

Кто составляет ТЗ на разработку сайта

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

Что должен сделать владелец бизнеса во время переговоров:

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

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

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

Правила составления технического задания

Техническое задание на разработку сайта должно быть лаконичным и понятным. Главная ошибка, которую часто допускают заказчики и разработчики, это указание субъективных критериев оценки. Например, такие прилагательные, как «современный», «удобный» и «красивый». Каждый человек воспринимает удобство и красоту по-своему. Нечеткие формулировки в ТЗ не помогают заказчику и исполнителю достичь взаимопонимания, а наоборот, могут стать поводом для разногласий.

Примеры удачных и неудачных формулировок в ТЗ на разработку сайта:

Структура шаблона ТЗ на разработку сайта

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

Базовая структура ТЗ на разработку сайта:

• Цели и задачи проекта.
• Информация о компании.
• Портрет целевой аудитории.
• Словарь терминов, которые используются в ТЗ.
• Технические требования (CMS, хостинг, языки программирования и т.д.)
• Подробная структура меню.
• Прототипы веб-страниц с описанием элементов.
• Сценарии использования интерфейса.
• Контент, который должен быть опубликован до релиза. 
• Веб-дизайн.

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

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

Заполненный образец технического задания на разработку сайта: ссылка

Вводная информация

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

Словарь терминов

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

Примеры расшифровки терминов в ТЗ на разработку сайта:

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

Скидка 5000 рублей на SEO продвижение

Дарим скидку 5000 рублей на SEO продвижение сайта. Акция действует до конца октября.

Заказать SEO

Техническая часть 

В техническом задании на создание сайта нужно прописать:

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

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

Структура меню

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

Структуру меню можно визуализировать в виде ментальной карты или блок-схемы. После релиза владелец сайта сможет добавлять новые страницы и редактировать меню с помощью CMS.

Прототипы страниц

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

Иллюстрации делают ТЗ на разработку сайта понятнее для исполнителей. 

Пользовательские сценарии

В техническом задании на создание сайта нужно прописать основные пользовательские сценарии. Разработчик должен понимать, как именно посетители должны использовать сайт, чтобы оставить для них визуальные подсказки. Адаптация интерфейса к пользовательским сценариям называется UX/UI-дизайн.

Базовая схема описания сценариев:

1. Цель пользователя.
2. Действие пользователя.
3. Изменения на сайте.
4. Результат.

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

Контент

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

Веб-дизайн

Веб-дизайн состоит из UX/UI-дизайна, который адаптируется под пользовательские сценарии, и визуальных решений, не влияющих на функционал сайта. В ТЗ на разработку сайта нужно указать требования к шрифтам, цветовой палитре, размерам иллюстраций, фильтрам для обработки фото и другим элементам веб-дизайна.

Особенности ТЗ для разных типов сайтов

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

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

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

Выводы

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