Грамотное техническое задание на разработку сайта: как составить + образец

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

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

О том, из чего именно должно состоять ТЗ вы узнаете в этой статье!

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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Образец ТЗ на сайт от агентства KeyClient

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

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