Как составить техническое задание на разработку сайта в 2024

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

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

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

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

Специфика Alto — это разработка корпоративных сайтов от 100 до 400 часов и интернет-магазинов от 150 до 1200 часов. Если ваш проект планируется в этом же интервале, тогда можете скачать шаблон технического задания на создание сайта.

Шаблон технического задания для разработки интернет-магазина.doc 503Кб

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

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

• tz-online.site/write-tz/
• gagara-web.ru/tools/tz-generator/

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

• это еще советская разработка сбора требований для создания автоматизированных систем.
• стандарт разработки сложных систем. В нем есть вопросы о требовании к функциям, а также рекомендация: как описывать условия платформ, которые будут работать вместе с вашим продуктом.
• продвинутая спецификация для разработки требований к IT-продуктам.

Этап 1. Подготовка Брифа

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

• Какая главная цель создания сайта? 

• Чем занимается компания? 

• Кто ваши клиенты и почему? 

• В чем ваша уникальность? Почему клиент не сможет заменить вас на другую компанию?

• Кто основной сегмент заказчика?

• Описание миссии и платформа бренда

• Список основных конкурентов в России и их краткая характеристика

• Сайты, которые нравятся и почему

• Сайты, которые не нравятся и почему

• Что вы категорически не хотите видеть в дизайне?

• Опишите этапы оказания услуги от заявки до акта

• Планируется ли реклама? Если да, то какая

• Какой графический контент есть на момент начала разработки? 

• Какая Система управления сайтом?

• Нужно ли сделать почту вида @sitename.ru?

• Есть логотип и favicon?

• Есть seo-структура сайта?

• Требуется наполнение?

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

Этап 2. Подготовка прототипа

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

Для того чтобы визуализировать это используйте Figma.com  Для его использования необязательно иметь навыки дизайнера. Можно примерно показать, как всё должно выглядеть.

Для творческого вдохновения, рекомендуем посмотреть раздел wireframes, где выложены сотни примеров. Также вы сможете найти множество готовых макетов по запросу “UI kit figma”. Можно скопировать компоненты и собрать из них прототип.

Рекомендую обратить внимание на bootstrap UI-кит. Это поможет сократить расходы на реализацию проекта. Так как есть одноименная библиотека для разработки.

Этап 3. Разработка дизайна и ЧТЗ

На этапах дизайна будет разработано частичное техническое задание (ЧТЗ) на разработку сайта. Оно составляется на основе прототипа и дизайна сайта. После утверждения техзадания, оно будет являться документом для проверки качества выполнения работ.

В структуру ЧТЗ входят требования к: 

• вёрстке и отображению на разных устройствах и браузерах;

• платформе, техническому обеспечению серверной части;

• модулям и функционалу;

• возможностям администрирования;

• безопасности продукта;

• идентификации и аутентификации;

• управлению сеансами;

• контролю доступа;

• вводу и выводу данных;

• журналированию ошибок и других событий;

• передаче защищаемой информации и каналам связи;

• функционалу загрузки файлов;

• тестированию сайта;

Что учесть при составлении технического задания?

Совет 1. Описывайте точными понятиями

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

• «красивый» — основные цвета, шрифты, визуал и т.д.
• «надёжный» — требования к хостингу, защита от DDoS атак и т.д.
• «функциональный» — дополнительные модули, интеграция с 1С и т.д.
• «быстрый» — скорость загрузки страницы в секунду, определенный показатель в сервисе PageSpeed Insights и т.д.

Совет 2. Дайте базовую информацию

Каждый член команды должен чётко понимать:

• чем занимается компания;
• какие особенности у продукта;
• какая целевая аудитория;

Потому в начале ТЗ укажите базовую информацию по проекту, какие задачи решаем.

Совет 3. Идите от общего к частному

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

Совет 4. Поясните термины

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

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

Сколько стоит ТЗ на разработку сайта?

Стоимость разработки ТЗ варьируется от 1 800 до 3 000 рублей за час специалиста. Итоговая стоимость зависит от ряда факторов:

• Масштабы проекта. К примеру, на разработку техзадания для корпоративного сайта в среднем уходит 10 часов, а для крупного интернет-магазина с дополнительными интеграциями до 200 часов.
• Уровень сложности. Зависит от того, будут использовать стандартные опции или разрабатывать отдельные решения. Также на сложность проекта влияет размер структуры сайта.
• Компетентность специалиста. Чем сложнее проект – тем более «дорогой» специалист будет составлять ТЗ.

Зачем нужно платить за составление ТЗ на разработку сайта?

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

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

Техническое задание на разработку одностраничного сайта или лендинга

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

1. Цели и задачи сайта:
   1. Описание основной цели сайта (например, продажи, информационное представление, сбор контактов и т. д.)
   2. Определение ключевых задач, которые должен решать сайт (например, форма обратной связи, онлайн-покупки, регистрация и т. д.)
2. Целевую аудиторию:
   1. Описание потенциальных пользователей сайта (пол, возраст, интересы, поведенческие особенности и т. д.)
   2. Анализ потребностей целевой аудитории для определения функциональности и контента сайта
   3. Дизайн и пользовательский опыт:
   4. Требования к дизайну (цветовая схема, шрифты, макеты и т. д.)
   5. Описание пользовательского опыта и интерактивных элементов (анимации, прокрутка, адаптивный дизайн)
3. Технические требования:
   1. Языки программирования и фреймворки
   2. Требования к хостингу и безопасности
   3. Поддержка мобильных устройств и браузеров
4. Сроки разработки и бюджет:
   1. Определение желаемого срока завершения проекта
   2. Уточнение бюджета на разработку
5. SEO-оптимизацию:
   1. Ключевые слова и метаданные
   2. Оптимизация скорости загрузки страницы

Резюме

• Техническое задание – это документ, в котором детально прописаны требования к будущему сайту. Он необходим, чтобы убедиться, что обе стороны верно поняли друг друга.
• ТЗ составляет исполнитель. По той причине, что он лучше знает какие инструменты и стоит использовать, чтобы решить поставленную задачу.
• Главные правила при составлении ТЗ – однозначность терминов и понятий.
• В техническое задание нужно включить требования к хостингу, дизайну, структуре. Описать функционал каждой страницы, каждого используемого инструмента и опции. Также пропишите требования для seo-продвижения.
• Стоимость разработки ТЗ зависит от сложности и масштаба проекта, компетенции специалистов. Цена за час специалиста от 1 000 до 3 000 рублей.