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

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

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

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

Чем грозит безграмотное ТЗ

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

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

Без ТЗ есть шанс получить:

Не тот внешний вид сайта, что задуман.

Другой функционал, отсутствие некоторых полезных функций на сайте.

Подключение не тех модулей, что нужны.

Невозможность исполнить те задачи, что поставлены перед сайта.

Потеря времени.

Дополнительные траты денег на переделки.

Цена составления ТЗ

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

Цена услуги 66 000 руб. – немного кусается для небольшого проекта. Поэтому многие клиенты пытаются сами разобраться и составить ТЗ, в результате чего делают массу ошибок и между ними и разработчикам происходит недопонимание.

Рис. 1. Стоимость услуги по составлению ТЗ на сайт

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

Рис. 2. Что получается без четкого ТЗ

Многие клиенты ссылаются на то, что не владеют терминологией и вообще мало что понимают в разработке сайта. Но именно поэтому нужно объединить усилия и сделать ТЗ на сайт совместно, помогая друг другу. Каким должен быть сайт и какие задачи выполнять – это лучше всего знает только сам владелец сайта. А вот как это реализовать визуально или технически, как продвинуть сайт – знают специалисты: веб-дизайнер, верстальщик, программист, СЕО-специалист, директолог и т.д.

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

Кто должен делать ТЗ на сайт

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

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

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

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

Кому будет полезна эта инструкция:

Разработчикам сайтов.

Веб-дизайнерам.

Верстальщикам сайтов, программистам.

Менеджерам проектов.

Руководителям диджитал-студий.

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

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

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

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

Составляется ТЗ в том формате, который удобен для клиента и для специалистов, которые будут работать над сайтом. Например, в формате MS Word + прототип сайта в Jpg. См. рис. 3.

Рис. 3. Скриншот ТЗ в программе MS Word

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

Сайты делаются не за один день, иногда на это уходит от 3 недель до нескольких месяцев (есть и сложные проекты, которые делаются 6-12 месяцев). За это время может случиться все что угодно, например:

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

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

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

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

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

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

Важность технического задания

Техническое задание играет важную роль на всех этапах разработки. Оно позволяет:

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

Сформировать четкие требования: ТЗ помогает структурировать требования к функционалу, дизайну и пользовательскому поведению на сайте.

Снизить риски: проект с хорошо сформулированным ТЗ имеет меньше шансов столкнуться с проблемами затянутых сроков и перерасходом бюджета.

Обосновать финансовые затраты: наличие ТЗ позволяет более точно рассчитать бюджет проекта и обосновать стоимость услуг.

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

Считается, что ТЗ на сайт необходимо разработчикам сайта, но по факту это не так, в нем есть потребность и у заказчика.

Польза ТЗ для клиента:

1. После составления ТЗ клиент четко понимает срок и стоимость своего проекта.

2. Клиент видит и утверждает законченную структуру сайта.

3. По ТЗ клиент может оценить компетентность разработчиков – грамотно составленное ТЗ сразу видно.

4. Заказчик собирает все свои пожелания в одном документе, что очень удобно.

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

6. Наличие ТЗ позволяет обосновать претензии при некачественно выполненной работе.

7. Ускоряет и упрощает замену исполнителя, если заказчик решит поменять команду разработчиков.

8. ТЗ дает клиенту понимание, какие материалы (фото, видео, тексты, инфографика) необходимо подготовить для сайта и в какой срок.

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

10. Техзадание не позволяет разработчику включить в проект дополнительную платную работу.

11. Техзадание поможет контролировать не только все работы, но и соблюдение сроков каждого этапа.

Польза для разработчика:

1. Поомгает правильно понять, чего хочет заказчик, обговорить все детали и правильно поставить задачи.

2. ТЗ содержит перечень и этапы всех работ, что не позволит клиенту навязать дополнительную неоплаченную работу.

3. Организует исполнителя выполнять работу в срок. И заставляет клиента вовремя оплатить работу.

4. Через грамотное ТЗ исполнитель может показать свою компетентность и высокую квалификацию.

5. Составление ТЗ может стать дополнительное услугой и принести деньги специалисту.

6. Защищает исполнителя от неоправданных претензий клиента, навязывания дополнительной работы и т.д.

7. ТЗ помогает разработать структуру сайта и тем самым ускорить процесс создания интернет-проекта.

8. ТЗ позволяет четко прописать все технические требования к сайту, которые при устном общении могут не оговариваться.

9. Сокращают время на объяснение терминов, используемых при работе над сайтом.

Термины, используемые в ТЗ на сайте

CRM (Customer Relationship Management) – это система для управления взаимоотношениями с клиентами.

Html – язык гипреразметки текста и фото на сайте.

PHP – язык программирования сайтов.

RGB – это цветовая модель для экрана.

Автоворонка – страничка захвата контактов (форма обратной связи с бонусом при регистрации).

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

Анализ конкурентов – анализ сайтов конкурентов с целью выявления полезных модулей для создания структуры и дизайна сайта.

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

Веб-баннер – рекламное изображение (может быть с анимацией), имеющее ссылку на сайт.

Веб-дизайнер – специалист по компьютерной графике, создатель дизайна страниц сайта.

Веб-разработка – процесс создания дизайна сайта, программирования и верстки страниц сайта, реализация его в сети Интернет.

Верстальщик – это специалист в области веб-разработки, который превращает дизайн-макет в интерактивную страницу.

Главная страница сайта – «лицо» сайта, первая и основная страница веб-ресурса.

Движок сайта (см. CMS)

Домен (доменное имя) сайта – это адрес сайта в сети Интернет, уникальное название, привязанное к конкретному сайту, которое пользователи вводят в адресную строку браузера, чтобы выполнить переход на этот сайт. Например, www.site.ru.

Интернет-магазин – сайт с каталогом товаров, корзиной и привязанной системой оплат.

Квиз – опросник на сайте с бонусом, либо отдельный сайт-опросник.

Корпоративный сайт – многостраничный сайт фирмы или компании.

Контент сайта – текст, изображение, анимация и видео на сайте.

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

Линк – ссылка на сайте. Перелинковка – взаимные ссылки с одно страницы на другую.

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

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

Мобильная версия сайта – версия для мобильных утсройств.

Новостной портал – сайт с новостями.

Новостная лента – лента новостей на сайте.

Одностраничник – лендинг, сайт, состоящий из одной страницы.

Пагинация – это способ разбиения большого объёма информации на отдельные страницы для удобства восприятия пользователем, в конце страницы вы можете увидеть «Далее» или 1… 2… 3… (переход на следующие страницы) – это и етсь пагинация. Виды пагинации: нумерованная, буквенная, диапазонная, гибридная.

Подвал – блок сайта, который отображается внизу каждой страницы сайта.

Программист сайта – специалист, который занимается созданием и поддержкой сайтов и веб-приложений.

Продвижение сайта (Яндекс.Директ) – реклама сайта (контекстная) через сервис Яндекс.Директ, основана на рекламных объявлениях, созданных по ключевым словам.

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

Разделы сайта – крупные блоки информации, посвящённые определённым темам, как правило представляют собой отдельные страницы или категории (например, рубрики на блоге или категории товаров в интернет-магазине).

Сайт, веб-сайт (от англ. website: web – «паутина, сеть» и site – дословно – «место, сегмент, часть в сети») – одна или несколько логически связанных между собой веб-страниц, которые представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователями как единое целое.

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

Семантическое ядро сайта – группы ключевых слов, соответствующих теме и сфере бизнеса сайта.

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

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

СЕО-продвижение сайта – ряд мер по продвижению сайта в поисковых системах, основанный на ключевых словах и обмене ссылками.

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

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

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

Форум – онлайн-платформа для дискуссий, обмена мнениями и знаниями между пользователями, объединёнными общими интересами или целями.

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

Хлебные крошки – система навигации на сайте, навигационная цепочка ссылок, например: Главная – Каталог – Обувь – Детская обувь для мальчиков

Хостинг сайта – площадка для расположения файлов сайта в сети Интернет со специальным ПО, платная услуга.

Электронная система оплат (или электронная платёжная система) – это система расчётов между финансовыми организациями, бизнес-организациями и интернет-пользователями при покупке-продаже товаров и услуг через Интернет. Например, Робокасса. Позволяет совершать платежи различными электронными способами, через карту, через электронные деньги и т.д. обычно такая система берет проценты с продавца за ее использование. Процент зависит от способа оплаты.

Яндекс.Метрика – счетчик и система анализа посещаемости от Яндекса.

Рис. 4. Начало ТЗ на сайт

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

Этапы подготовки технического задания

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

Исследование проекта, анализ темы

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

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

Обсуждение со специалистами

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

Формирование структуры ТЗ

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

Написание ТЗ

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

Рис. 5. Примеры цвета для сайта, в RGB

Ревизия и утверждение

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

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

Грамотное техническое задание должно иметь правильную структуру, включать необходимые разделы и быть логически последовательным. Обязательными являются следующие разделы: Контакты, Срок сдачи сайта, Подробный объем работ, Детальное описание каждого этапа работ.

Рассмотрим основные разделы, которые обязательно должны быть включены в ТЗ.

Контакты, содержание, термины

Первое, что должно быть в ТЗ – это шапка, где указаны контакты исполнителя, а так же должно быть поле для контактов заказчика или его исполнителей. Обязательно строка ФИО, телефон и другие средства связи с представителем заказчика. См. рис. 6.

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

Рис. 6. Контакты в ТЗ

Содержание

Для большого и обстоятельного ТЗ делается подробное содержание всех его разделов с указанием страниц. Это помогает легче ориентироваться в документе. См. рис. 7.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цели проекта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виды целей:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для блога:

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

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

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

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

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

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

2) Возможность легко обновлять заголовки h2, 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 Интеграция расширенных сниппетов.

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