Техническое задание на сайт. Полное руководство

Рис. 7. Содержание или Оглавление в документе ТЗ

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

Сфера деятельности

В этом разделе как можно подробнее опишите, чем занимается компания, как давно существует на рынке, что является ее основном товаром или услугой. Так же укажите ценности, миссию компании, будет ли раздел «Вакансии» и отдельно «История компании» и т.д.

Обязательно укажите ваших основных конкурентов и их сайты. Можно еще указать партнеров (на сайте обычно делается модуль «Партнеры» с указанием логотипов и ссылок на сайты партнеров).

Предоставьте фотографии офиса или склада, руководителей компаний или сотрудников.

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

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

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

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

Создайте портрет целевого потребителя:

Возраст, пол, география.

Образ жизни и интересы.

Трудности, с которыми сталкиваются пользователи.

Платёжеспособность.

Конверсионный путь (как клиент находит нужную услугу или товар).

Пример портрета целевого потребителя (для курса по дизайну):

Женщины 18-30 лет, интересующиеся обучением дизайну рекламы. Как правило это студенты или закончившие ВУЗ, либо матери в декрете, желающие обучиться новой профессии. Платёжеспособность средняя, ищут эти услуги на Авито.

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

Цели проекта

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

Возможные цели сайта:

Коммерческие:

Продажа товаров в интернет-магазине.

Быстрая продажа одного товара на лэндинге.

Заказ услуг на корпоративном сайте.

Сюда так же входят такие задачи:

Формирование имиджа фирмы, рассказ о ценностях компании, описание особенностей товаров и т.д.

Повышение узнаваемости бренда.

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

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

Автоматизация задач, например, обработка онлайн-платежей, управление взаимодействием с клиентами и т.д.

Некоммерческие цели:

Информирование о деятельности компании.

Популяризация новых продуктов или услуг (без продаж).

Блог для привлечения активной аудитории и превращение ее в сообщество единомышленников.

Продвижение идей или имиджа.

Повышение видимости и доступности информации о миссии, целях, проектах и достижениях организации.

Расширение круга потенциальных партнёров и спонсоров.

Увеличение числа волонтёров и активистов, поиск сотрудников.

Сбор финансовых средств – веб-сайт позволяет организации проводить сбор средств онлайн, например, через кнопки «Donate» или специальные платформы для сбора средств.

Обратная связь и коммуникация с аудиторией. Получение отзывов о работе фирмы или ее сотрудниках.

Информирование широкого круга людей. Информационные сайты: новостные порталы, отзовики, вопросы-ответы, гео-сайты (карты), сайты некоммерческих организаций (например, сайт библиотеки или музея и т.д.) не занимаются коммерцией, их цели просто донести информацию о своей организации.

Примеры целей и задач:

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

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

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

– задача номер два: записать клиентов на личные консультации психолога,

– цель номер три: продвинуть имидж психолога,

– задача номер четыре: продать книгу психолога.

Рис. 8. Пример коммерческого задания

Ключевые вопросы для клиента для понимания целей сайта:

Какую задачу решает сайт? Например: увеличение продаж товаров, привлечение новых клиентов, создание имиджа, информирование клиентов и т.д.

Кто будет пользоваться сайтом? Это поможет адаптировать интерфейс и функционал под нужды целевой аудитории.

Каких результатов ждете от сайта? Рост продаж, увеличение трафика, улучшение вовлечённости пользователей и т.д. Каждый результат требует определённых решений.

Будет ли обновление сайта? Часто заказчик недооценивает, что сайту потребуется регулярное обновление контента и техническое сопровождение.

Виды целей:

Бизнес-цель: увеличить количество продаж через сайт.

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

Маркетинговая цель: привлечь новую целевую аудиторию через полезный контент.

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

Примеры постановки задач для сайта

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

Интернет-магазин: создать каталог товаров, на витрину вывести новинки и ТОП товаров, обеспечить возможность покупки товаров онлайн с удобным процессом оформления заказа, с простой корзиной и онлайн оформлением доставки. Планируется продвижение по СЕО и Яндекс.Директ.

Личный блог эксперта: запустить блог на ВордПресс для публикации новостей, постов и экспертных статей, предусмотреть раздел «Об авторе» с переходом на сайт с услугами. Задача сайта – раскрутка имиджа специалиста.

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

Функциональные требования

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

Общие функции:

Возможности регистрации и авторизации пользователей;

Формы заявок и обратной связи;

Captcha или другая анти-спам функция;

Политика конфиденциальности и согласие на обработку персональных данных (в ТЗ указать, кто готовит текст этих документов);

Подписка на рассылку;

Призывы к целевым действиям;

Интеграция с социальными сетями;

Наличие онлайн-консультанта;

Квиз и калькулятор расчетов;

Фото и видеогалерея;

Новостная лента;

Портфолио работ;

Интерактивные карты;

Автоворонки и чат-боты для сайта;

Часто задаваемые вопросы (спойлер);

Презентация компании;

Кликабельный телефон и мессенджеры;

Слайдер, видео в шапке.

Для мобильных устройств:

Адаптация сайта под мобильные устройства (адаптивная верстка);

Меню «гамбургер» в мобильной версии.

Для интернет-магазинов:

Каталог и корзина товаров, доставка, акции.

Выбор размеров и цвета одежды (для интернет-магазина).

Отзывы и видеообзоры товаров.

Поиск и фильтры для удобства навигации.

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

Какие службы доставки будут использоваться.

Выгрузка товаров (1С, МойСклад).

Заказчик, составляя ТЗ и описывая функциональную часть сайта, должен советоваться с программистом и СЕО-специалистом, потому что они могут предложить дополнительный функционал сайта, например, если планируется интернет-магазин, SEO-специалист предложит:

– включить разделы с популярными категориями товаров, новинки в витрине;

– использовать правильную иерархию заголовков на страницах;

– предусмотреть фильтры и сортировку, удобные для пользователей и понятные поисковым алгоритмам;

– включить подробное описание товаров с ключевыми словами;

– добавить модуль «похожие товары»;

– добавить на сайт СЕО-статьи и т.д.

Был пример из практики, когда заказчик хотел простой каталог без фильтров, ему казалось, это усложнит разработку сайта и запутает клиентов. Был создан простой каталог, но со временем в нем собралось более 1000 товаров. SEO-специалист предложил добавить стандартные фильтры по цене, брендам и характеристикам. Сайт был усовершенствован, добавлены фильтры и после этого увеличилась его посещаемость. Каталог стал приносить больше заказов, примерно на 20%.

Для блога:

1) Функция поиска по блогу.

2) Кнопка поделиться для каждой статьи или поста(видео) в социальных сетях.

3) Комментарии у каждой записи.

4) Боковое меню для категорий статей или других постов.

Функционал под СЕО:

1) Автоматическая генерация карты сайта.

2) Возможность легко обновлять заголовки title, H, мета описание.

3) Возможность легко обновлять url страницы.

4) Блог со статьями.

5) Наличие установленных СЕО-плагинов для проверки текста перед публикацией.

6) Создание семантического ядра (группы ключевых слов) для продвижения.

Технический функционал

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

Примеры технических требований к сайту:

Простая и удобная CMS (движок сайта).

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

– конструктор сайтов (Tilda, ЛП-мотор и т.д.),

– самописный движок,

– CMS или движок сайта (например 1С-Битрикс, Wordpress, Джумла).

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

Кто будет заниматься администрированием сайта?

Кто будет заниматься публикацией контента?

Кто будет обслуживать сайт?

Будет ли продвижение сайта по СЕО?

Если клиент хочет сам обслуживать сайт и при этом не планирует СЕО-продвижение, ему могут предложить конструктор сайтов как наиболее простой в обслуживании. Если же планируется продвижение сайта по СЕО (по ключевым словам), то здесь нужен движок типа ВордПресс с возможностью публиковать СЕО-статьи.

Прочие технические требования:

1. Функция автобэкапа сайта (автосохранение).

2. Последняя версия движка и PHP (язык программирования сайта).

3. Понятная административная часть сайта с передачей логина и пароля клиенту.

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

– тип хостинга (сервер, виртуальный, VPS),

– защищенность сайта от DDOS-атак,

– количество выделенного под сайт места (на каждом хостинге зависит от выбранного тарифа),

– примерное количество пользователей на сайте за одни сутки,

– возможность создавать бэкапы (резервные копии сайта),

– наличие на хостинге хорошей технической поддержки,

– возможность бесплатного переноса сайта.

5. Наличие ЧПУ – человеко-понятных URL (названия страниц в ссылках).

6. Наличие сертификата безопасности для домена. SSL-сертификат для защиты данных. Все формы обратной связи с CAPTCHA, личные данные клиентов – зашифрованы.

7. Сайт должен соответствовать «зеленой зоне» системы оценки пользовательского контента Google Core Web Vitals.

8. Сайт должен загружаться быстро. Любая страница сайта должна иметь больше 80 баллов в Google PageSpeed Insights. Время загрузки страницы: не более 2 секунд.

9. Большие нагрузки. 50 тысяч посетителей одновременно.

10. Базовая оптимизация страниц.

11. Кроссбраузерная верстка. (Сайт корректно должен отображаться во всех популярных браузерах).

12. Настройка счетчика Яндекс.Метрика и занесение сайта в сервис Webmaster Яндекс.

13. Чистый и оптимизированный код на всех страницах, настроенный редирект.

14. Schema.org Интеграция расширенных сниппетов.