Работа над сайтом начинается с составления технического задания (ТЗ). Этот документ будет отражать конкретные требования, которые заказчик предъявляет к исполнителю.
Зачем это нужно тз для создания сайта?
Наличие сформулированного технического задания необходимо по следующим причинам:
Вы сами лучше разберётесь в том, чего хотите. Составляя ТЗ, придётся продумать все нюансы работы над будущим сайтом, определиться с его структурой, определить целевую аудиторию и т. д.
Заказчик лучше поймёт вас, вы сэкономите время и деньги. Предусмотрев всё заранее, вы избежите различных неожиданностей, таких как необходимость делать дополнительные модули, доплачивать за дизайн незапланированных страниц и т. д.
Исполнитель получает возможность назвать более точную стоимость работ и время их завершения. А вы, в свою очередь, сможете сразу спланировать бюджет и определить время ввода сайта в эксплуатацию.
Вы сможете предъявить конкретные претензии по невыполненным пунктам ТЗ. Техническое задание визируется и прилагается к договору, который вы заключаете с исполнителем, и служит определяющим документом в оценке полноты выполненной работы.
Ниже мы по пунктам рассмотрим все аспекты, которые нужно будет последовательно рассмотреть в ТЗ. Прописывать их желательно тоже по пунктам, в свободной форме, но по возможности кратко.
Маркетинговая часть
В этом разделе нужно кратко рассказать о специфике своей работы и в целом сферы деятельности. Следует исходить из того, что исполнитель плохо представляет особенности вашего бизнеса. Он, конечно, может разобраться в этом самостоятельно, но лучше сразу помочь ему. В данном разделе необходимо раскрыть такие аспекты, как:
Сфера деятельности (бурим скважины под воду, изготавливаем мягкие игрушки на заказ, продаём элитную немецкую бытовую технику и т. д.). Расскажите о тех аспектах, которые считаете важными и самыми сложными.
Аудитория. Опишите портрет вашего потенциального клиента, на которого будет рассчитан сайт. Это может быть молодой студент, опытный успешный предприниматель, домохозяйка – кто угодно. Можно указать возраст, круг интересов, средний доход – любую маркетинговую информацию.
Конкуренты. Укажите компании, с которыми вам предстоит бороться за аудиторию в Интернете. Дайте ссылки на их сайты, честно напишите, чем они лучше вас, а в чём ваши преимущества. Если преимуществ нет – не беда, скажите об этом.
Тип и функции сайта
Для рекламы бренда, то есть для представления вашей организации пользователям Глобальной паутины. С этим справится даже небольшой сайт-визитка на 4‒5 страниц.
Для рекламы продуктов – чтобы рассказать об услугах, ваших товарах, с указанием телефонов, с формами обратной связи для заказа. Если товаров много, можно сделать сайт-каталог. Если товар один, он отлично продаётся лендингом.
Для непосредственной продажи. Продавать будут сайты, имеющие модуль с «Корзиной», с возможностью онлайн-оплаты, синхронизацией с бухгалтерскими и складскими программами и т. д. Это сложные интернет-магазины.
Для развлечения. Возможно, вы хотите получать доход с рекламы на вашем сайте. В этом случае вам понадобится портал с интересными модулями, форумом для общения посетителей, возможностью регистрации пользователей и т. д.
Предпочтительные системы управления (CMS)
Другие технические аспекты рассматриваются ниже, а вот с системой управления лучше определиться сразу. Она может быть платной и бесплатной, предоставлять разные возможности для продвижения. Учтите, что многие компании работают только с каким-то определённым типом систем: например, только с 1С Bitrix или только с MODX. Сказать, что какая-то из них является лучшей, – нельзя.
Структура сайта
Здесь мы указываем количество разделов и подразделов для каталогов и интернет-магазинов или просто перечисляем количество и названия страниц для сайтов-визиток. Структуру проще дать в виде блок-схемы, чтобы были понятны все разветвления и вложенность подразделов. Для визиток структура будет максимально простой, без вложенностей: главная страница, страница о компании, контакты, возможно, новостной блок, раздел с товарами.
Описываем функционал
Подумайте, какие действия посетитель должен выполнять на вашем сайте, и максимально подробно их опишите. Как должно работать меню, какой календарь вам нужен, какие поля должны быть в формах и т. д. Здесь лучше лишний раз написать очевидное, чем не указать какой-то важный для вас аспект.
Простой пример. Представьте, что вам нужна форма обратной связи. Как она будет работать? Будет ли она автоматически отправлять ответы на вашу почту? Должно ли приходить уведомление на телефон? Какие поля должны там быть?
Всё, что вы не укажете, исполнитель может сделать на своё усмотрение. И с юридической точки зрения это будет соответствовать техническому заданию. То есть за исправления вы будете доплачивать. И дело здесь не в коварности сайтостроителей. Многие из них даже готовы пойти вам навстречу и внести незначительные правки бесплатно. Но время будет всё равно упущено.
В разделе с описанием функционала нужно рассмотреть:
Возможность регистрации, а также возможность разделения ролей пользователей. Будут ли у них свои страницы на сайте (личный кабинет), к каким функциям получат доступ зарегистрированные пользователи, какие данные будут собираться в ходе регистрации.
Наличие «Корзины» и формы обратной связи. Эти опции обязательны для продающих сайтов. Функционал «Корзины» и названия полей в формах обратной связи нужно расписать подробно.
Нюансы работы блоков. Как будут выглядеть блоки сайта, где будут располагаться, откуда выпадать всплывающие окна, как прокручиваться и т. д.
Специфический функционал. Например – различные калькуляторы для расчёта стоимости услуг.
Сторонние сервисы: например, синхронизацию с 1С, подключение новостных агрегаторов, виджетов.
Совместимость с браузерами. Традиционно сайты совместимы с последними версиями Mozilla, Chromе, Opera.
Совместимость с мобильными устройствами.
Пожелания относительно дизайна в тз для создания сайта
Эти пожелания необязательно должны быть категоричными. Но задать определённые рамки исполнителю всё-таки нужно, чтобы получить то, что вам действительно нравится. Здесь отражаем такие аспекты, как:
Цветовая гамма. Это особенно важно, если у вас уже есть корпоративные цвета.
Расположение блоков на странице (таких как шапка, футер, формы, текст, баннеры, галереи и т. д.). Обратите внимание, что сайте есть постоянные блоки (например, футер), положение которых не меняется на всех страницах. А есть динамические, которые могут быть не на всех страницах либо менять своё положение в зависимости от раздела сайта.
Особенности меню. Опишите, где будут выпадающие списки-гармошки. Возможно, у вас есть какие-то оригинальные идеи по компоновке и оформлению меню.
Эффекты. Параллакс, движущиеся объекты, сверкание и мельтешение, мигающие
Баннеры – всё это нужно и можно использовать, но очень осторожно. Сайт должен быть простым и понятным пользователю. Если хотите, чтобы какой-то эффект всё-таки использовался, – укажите это в ТЗ.
Инфографика / рисунки. Это современный способ визуализации информации на сайте. Он влияет на объем и сложность работы веб дизайнера, а в отдельных случаях требуется привлекать услуги дополнительных специалистов, например иллюстраторов или специалистов объемной графики 3D max. Поэтому нужно указать будут ли на сайте уникальные индивидуальные иконки или рисунки, разработанные специально под товар/услуги заказчика.
Технические особенности
Пункт по техническим особенностям неспециалистам составить сложнее всего. Здесь надо указать пожелания по СЕО-оптимизации, стабильности работы, устойчивости к вирусным атакам и т. д. Для того чтобы понять, о чём идёт речь, приводим пример из реального техзадания для крупного многостраничного сайта-каталога:
Технические требования:
Должна быть возможность задать уникальный адрес для каждой страницы сайта.
Должна быть возможность указать метатеги для каждой страницы сайта.
Для формирования url-адресов страниц сайта должна использоваться технология ЧПУ.
Страница ошибки 404 (ошибка «Страница не найдена») должна быть выдержана в стилистике всего сайта и иметь понятное обывателю объяснение ошибки.
Должна использоваться технологию AJAX в местах, где это представляется уместным и возможным.
XML-карта сайта должна формироваться автоматически и быть доступна для поисковых роботов.
Заголовки и коды ответов сервера должны формироваться корректно, в соответствии с принятыми стандартами.
Сервис https://developers.google.com/speed/pagespeed/insights/ на момент запуска сайта по основному доменному имени должен давать ему оценку не менее 80 баллов ‒ для любой страницы, и для мобильной, и для обычной версии.
В принципе, эти требования актуальны для большинства современных проектов (на конец 2021 года), так что вы можете их смело «копипастить» и вставлять в своё ТЗ. Если затрудняетесь с этим пунктом – можно его пропустить и составить уже при непосредственном общении с исполнителем. Опытные сайтоделы помогают клиентам определиться с техническими требованиями на основе функционала их сайта.
Не изобретайте велосипед
Один важный совет: не пытайтесь выдумывать что-то сверхуникальное. Наверняка на сайтах у ваших конкурентов или у предпринимателей из другой сферы вы уже видели что-то, что может вам пригодиться. Не стесняйтесь говорить о том, что вам нужно такое же или похожее решение.
В конце тз для создания сайта вы можете привести список сайтов с пояснениями. Укажите, какой дизайн вам понравился, какой модуль показался интересным. Всегда проще один раз показать, чем много раз объяснять.
Плохое ТЗ лучше, чем никакое
Понятно, что, не имея опыта, составить грамотное ТЗ крайне сложно, поскольку заказчик редко разбирается в сайтах, системах управления, особенностях вёрстки, СЕО и т. д. Но в любом случае хотя бы попытаться разрешить большинство приведённых выше вопросов необходимо. Даже написанное от руки не по плану техзадание лучше, чем его полное отсутствие.
Самое главное, что, составляя ТЗ, вы сами поймёте, какие аспекты в работе будущего сайта вам необходимо прояснить, какие задать вопросы на первичной консультации с исполнителем. Дальше будет уже проще.
