Техническое задание на сайт: все от примера ТЗ до правил составления

Конечно, заказчик может не создавать никакого технического задания, а просто на словах объяснить исполнителю, каким он хочет видеть готовый сайт. Но порадует ли его готовый результат? Уверен, что нет, поскольку так подходить к работе нельзя. В данной статье предлагаю изучить правила составления ТЗ, пример выполненной работы, а также четкий чек-лист по его созданию.

Что такое техническое задание

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

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

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

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

А вот как ТЗ упрощает жизнь исполнителю заказа:

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

Главная цель ТЗ – осознать, что исполнитель и заказчик в полной мере понимают друг друга.

Кому положено составлять ТЗ

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

Важно!

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

Если под рукой у исполнителя есть бриф на создание сайта, то он в любой момент может свериться с ним, самостоятельно корректируя процесс своей работы.

Требования к ТЗ

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

1. Пишите точно

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

2. Внятно доносите информацию

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

3. Используйте термины аккуратно

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

4. Составьте описание инструментов и хостинга

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

5. Пропишите перечень требований

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

  • скорость полной загрузки страницы;
  • устойчивость сайта к повышенным нагрузкам;
  • организация мер по защите от взломов.

Список можно продолжать долго. Но, уверен, суть вы уловили – одинаково важны все моменты, мелочей в этом деле нет.

6. Опишите структуру сайта

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

7. Опишите содержание страниц

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

8. Определитесь с контентом

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

9. Дайте четкие инструкции по дизайну

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

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

Примеры ТЗ

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

Пример № 1

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

  1. Главная страница.
  2. Каталог с перечнем реализуемых товаров.
  3. Разделы каталога.
  4. Карточка товара с подробным его описанием.
  5. Новостная лента.
  6. Текущие акции и специальные предложения.
  7. Контакты.
  8. Информация о магазине.
  9. Способы оплаты и доставка.

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

Пример № 2

Данный пример технического задания на разработку сайта продемонстрирует, каким образом выглядит ТЗ с точки зрения требований к дизайну веб-страницы.

Основные требования к дизайну сайта.

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

Требования для стартовой страницы:

  1. Логотип ресурса занимает не более 15% высоты страницы.
  2. В качестве шапки страницы применить цветовую полосу, на которой отображаются основные направления деятельности компании.
  3. Информация под полосой должна состоять из информационных блоков: предлагаемые услуги; последние сданные заказы; отзывы клиентов. Все информационные блоки располагаются на бежевом фоне, но не сливаются с ним.

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

  1. Шапка и логотип занимают не более 10% от высоты страницы.
  2. Все пункты меню располагаются вертикальным образом.
  3. При наведении на пункты они должны немного увеличиваться в размерах, сигнализируя пользователю о том, что он навел на них курсор и сейчас может раскрыть.
  4. Текстовые страницы имеют двухколоночное построение.
  5. Дополнить визуально тот факт, что спектр оказываемых компанией услуг широкий.

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

Чек-лист по созданию ТЗ на сайт

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

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

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

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

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

А вы составляли когда-нибудь техническое задание для создания сайта? Делитесь своим опытом в комментариях. Если остались вопросы – задавайте, буду рад помочь!