Техническое задание на разработку сайта – как составить и примеры

Техническое задание (ТЗ) на разработку сайта – это письменный документ, в котором детально отражено, прописано и зафиксировано каким должен быть новый создаваемый или текущий дорабатываемый сайт.

ТЗ служит основанием для расчёта стоимости и сроков разработки сайта и прикрепляется приложением к договору между Заказчиком и Исполнителем.

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

Чтобы составить правильное ТЗ на сайт в нём нужно указать каким должен быть новый сайт, а именно:

1. Цели и задачи сайта;
2. Структура страниц сайт (страницы и их иерархия);
3. Содержание страниц сайта (какие должны быть блоки и секции);
4. Дизайн, стиль, шрифты и т.п. (как сайт должен выглядеть);
5. Какая должна быть платформа управления сайтом (CMS или движок);
6. Функциональные возможности и особенности (личный кабинет, корзина и т.п.);
7. Поддерживаемые технологии (браузеры и операционные системы);
8. Сценарии использования (путь клиентов – пользователей сайта).

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

Техническое задание ещё по-другому называют «Техзадание».

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

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

Зачем нужно техзадание для разработки сайта

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

Наличие грамотного технического задания на разработку сайта позволит:

1. Структурировать на бумаге замыслы, идеи и задачи сайта;
2. Разработать сайт, который будет отвечать всем техническим и визуальным требованиям;
3. Получить весь необходимый функционал сайта (калькуляторы, личные кабинеты, формы заявок и т.п.);
4. Заранее зафиксировать будущую структуру страниц сайта;
5. Определить точную стоимость и сроки разработки – чтобы избежать бесконечных доработок сайта.

Для исполнителя важно получить индивидуальное задание по следующим причинам:

1. Понять желания и цели будущего сайта заказчика;
2. Рассчитать объём, стоимость работ и установить реальные сроки для выполнения всех задач;
3. Минимизировать количество возможных доработок и исправлений после сдачи сайта заказчику.

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

Кто составляет техническое задание

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

Для кого пишется техническое задание

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

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

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

Что должно содержать ТЗ на разработку сайта

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

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

Полезно знать: Что такое SEO-оптимизация сайта – продвижение в Яндекс и Google

Пример содержания технического задания на разработку сайта

1. Терминология (глоссарий)
2. Общая информация
• Информация о компании (товары, услуги, преимущества и т.п.);
• Текущий сайт, если есть (недостатки и преимущества);
• Информация о конкурентах (названия, сайты и отличия).
3. Информация о новом сайте
• тип сайта;
• доменное имя;
• цели и задачи;
• целевая аудитория;
• референсы.
4. Технологические требования
• платформа сайта;
• хостинг-провайдер;
• нагрузка на сайт;
• скорость загрузки сайта;
• мобильная и планшетная адаптация сайта;
• поддерживаемые браузеры;
• другие требования.
5. Структура страниц сайта (какие должны быть страницы и их иерархия)
6. Содержание страниц сайта (секции, блоки и особенности)
7. Требования к юзабилити и навигации по сайту
8. Дизайн, стиль, оформление и анимации сайта
• референсы оформления;
• цветовая гамма (брендбук или гайдлайн);
• другие элементы дизайна.
9. Контент сайта (наполнение сайта)
• имеющиеся материалы;
• недостающие материалы (и кто их будет создавать).
10. Функциональные возможности
• общий функционал;
• личный кабинет;
• корзина и оформление заказа (для интернет-магазинов);
• витрина товаров, возможности фильтрации и сортировки;
• карточки товаров или услуг;
• калькуляторы;
• интерактивные карты;
• модальные окна (всплывающие);
• формы обратной связи;
• функция заказа обратного звонка (callback);
• мультиязычность (поддержка языков);
• фиды-данных для рекламных систем и импорта/экспорта товаров.
11. Требования к администрированию сайтом
• добавляемый и редактируемый контент.
12. Требования к интеграциям
• платежные системы;
• складской учёт (выгрузка товаров);
• CRM-системы;
• формирование счетов.
13. SEO-оптимизация
14. Веб-аналитика сайта
15. Сценарии использования сайта
• Пользовательские пути.
16. Условия тестирования сайта
• Тестирование элементов сайта.
17. Дополнительные пожелания заказчика

Обратите внимание, прототип сайта и дизайн сайте создаются только после разработки ТЗ

Подробнее о каждом из вышеперечисленных пунктов чуть ниже по статье

Скачать пример (образец) ТЗ на разработку сайт

Пример технического задания на разработку сайта, от агентства KeyClient: образец технического задания на разработку сайта интернет-магазина.

Популярные ошибки при составлении ТЗ

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

ТОП-10 ошибок при составлении ТЗ

1. Расплывчатые формулировки, нет конкретики (например, не указали тип сайта);
2. Не предоставили примеры сайтов, которые вам нравятся;
3. Не прописали пользовательские сценарии;
4. Не указали целевые действия;
5. Не регламентировали семантическую разметку сайта;
6. Не оговорили вопрос установки счетчиков веб-аналитики;
7. Использовали качественные прилагательные: красивый, стильный и пр;
8. Не определены дедлайн (сроки разработки);
9. Что-то оставили на усмотрение разработчика;
10. Не прописали в общих требованиях предоставление всех данных по итогу работы от регистрации доменного имени, хостинга для сайта до предоставления логина и пароля от административной панели.

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

Как написать грамотное ТЗ на разработку сайта

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

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

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

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

После разработки ТЗ и сайта рекомендуем заказать: SEO продвижение сайта в ТОП-3 с оплатой по KPI, а лучше сразу, при разработке учесть что сайт будет продвигаться в поисковых системах Яндекс и Google.

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

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

1. Общие требования к сайту

Общие требования могут включать:

1. Применить одну из систем управления сайтом, например, NetCat, WordPress, Drupal, 1С:Битрикс;
2. Предоставить данные для доступа к системе управления сайтом и его корректировки.

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

Чаще всего требуют (пример):

• применить определенную цветовую гамму, язык HTML и CSS;
• создать сайт по определенной структуре (хедер, блок отображения меню сайта, блок отображения различного рода графической информации, футер сайта);
• использовать формат изображений: jpg или png;
• дизайн должен быть выдержан в строгих и мягких тонах;
• использовать бледно-розовый оттенок, код цвета #ffb6c1;
• использовать шрифт Open Sans.

3. Функциональные возможности сайта

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

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

Администратор имеет право:

1. Создавать, удалять, редактировать карточки товара, акций, новостей;
2. Редактировать контакты, добавлять адреса новых магазинов.

Пользователь может:

1. Регистрировать учетную запись, редактировать все личные данные;
2. Заказать обратный звонок;
3. Проверять корзину: добавлять, удалять товарные позиции, оплатить счет.

4. Контент – содержимое сайта

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

Написание текста – дополнительная услуга. Разработчики пишут сами или нанимают подрядчика за дополнительную плату.

5. Цели и задачи будущего сайта

Запустить удобную онлайн-платформу электронной коммерции продуктов питания. В частности:

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

6. Требования к структуре сайта

Сайт должен содержать следующие элементы:

1. Хедер. Расположить логотип и название магазина;
2. Блок отображения главного меню сайта;
3. Блок отображения последних новостей;
4. Блок отображения новинок;
5. Блок отображения расширенного поиска;
6. Футер сайта. Разместить краткую контактную информацию об интернет-магазине;
7. В блоке меню должны присутствовать категории: «Главная», «Каталог», «Как купить», «Гостевая книга», «Покупателям».

Смотри: пример нашей страницы Блога

7. Требования к навигации (меню) сайта

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

8. Требования к юзабилити – удобство использования сайта

1. Время загрузки страницы не должно превышать более 1,5 сек;
2. На главной странице сайта должен располагаться блок, отображающий поиск нужной информации и товаров.

9. Требования к технологиям и языкам разработки сайта

1. Для написания статических страниц и шаблонов должны использоваться языки HTML 4 и CSS;
2. Исходный код должен разрабатываться в соответствии со стандартами W3C (HTML 4.0);
3. Для реализации интерактивных элементов клиентской части должны использоваться языки JavaScript и DHTML.

Дизайн сайта должен быть выполнен с использованием языка CSS и HTML.

Подведём итоги (резюме)

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