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

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

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

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

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

Содержание

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

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

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

Для кого пишется ТЗ на разработку сайта

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

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

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

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

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

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

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

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

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

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

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

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

Что обязательно должно содержать техзадание по разработке сайта

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

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

Пример содержания ТЗ

1. Терминология (глоссарий)

2. Общая информация

2.1. О компании

2.2. Цель и задачи сайта

2.3. Целевая аудитория

2.4. Тип сайта

2.6. Домен

3. Технологические требования

3.1. Платформа сайта

3.2. Требования к хостингу

3.3. Требований к работе сайта

3.4. Требования к интеграциям

4. Структура страниц сайта

5. Дизайн-макет сайта

6. Контент сайта

8. Функционал и анимации сайта

9. SEO-оптимизация

10. Веб-аналитика

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

Рекомендуем заказать: SEO продвижение сайта в ТОП-3 с оплатой по KPI

Что не должно быть в ТЗ (ТОП 10 ошибок)

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

Топ 10 ошибок в ТЗ
10 распространённых ошибок и недочётов при составлении ТЗ

ТОП 10 ошибок в техническом задании:

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

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

Как написать грамотное техническое задание на разработку сайта

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

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

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

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

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

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

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

1. Общие требования

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

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

2. Дизайн

Чаще всего требуют:

  • Применить определенную цветовую гамму, язык HTML и CSS
  • Создать сайт по определенной структуре (хедер, блок отображения меню сайта, блок отображения различного рода графической информации, футер сайта)
  • Использовать формат изображений: jpg или png

3. Функциональность сайта

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

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

4. Содержимое сайта

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

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

Пример техзадания для разработки сайта

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

Цели будущего сайта

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

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

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

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

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

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

Структура сайта
Прототип структуры сайта для ТЗ

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

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

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

  1. Дизайн должен быть выдержан в строгих и мягких тонах
  2. Использовать бледно-розовый оттенок, код цвета #ffb6c1
  3. Использовать шрифт Open Sans

Требования к юзабилити сайта

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

Требования к функциональным возможностям сайта

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

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

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

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

Требования к технологиям сайта (платформа)

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

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

Резюме по техническому заданию на разработку сайта

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

Не потеряйте нас, подпишитесь на дайджест
и сразу получите: «10 лайфхаков по привлечению клиентов»

    Мы гарантируем безопасность и сохранность ваших данных