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

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

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

Содержание статьи

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

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

В нем указывают все необходимые технические свойства, общую информацию о компании, цели, задачи, 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. Веб-аналитика

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

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

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

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

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

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

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

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

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

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

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

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

Существует универсальные требования для разработки сайта:

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

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

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

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

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

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

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

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

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

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

Составим в качестве примера небольшое техническое задание на разработку сайта интернет-магазина.

Цели

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

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

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

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

  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.

Итог

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

Закажите ТЗ по разработке сайта у профессионалов

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