Техническое задание на разработку сайта: пример, как составить структуру

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

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

Содержание материала

● Введение.
● Описание проекта.
● Визуальная часть и структура.
● Маркетинговая часть.
● Техническая часть проекта.
● Пример технического задания по разработке сайта.

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

1. Первый этап. Введение

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

Какие основные пункты должен содержать:

— Задачи проекта.
— Анализ конкурентов.
— Тезисное описание структуры работы.

2. Второй этап. Описание проекта и референсы

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

Какие основные пункты должен содержать:

— Цветовая гамма. Один цвет. Несколько основных, вспомогательные цвета.
— Примеры сайтов конкурентов. Что нравится и почему.
— Примеры сайтов, которые не нравятся и почему.

Совет №1!

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

3. Третий этап. Визуальная часть и структура

У вас должно быть описано количество страниц, для который разработано ТЗ.

Какие основные пункты должен содержать:

— Главная страница.

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

а) Шапка сайта (включает в себя кнопку меню, контактный телефон, логотип, слоган и т.д.).

б) Преимущества предложения. То, почему продукт должны купить именно у вас.

в) Описания продукта и информация о компании. Ключевые тезисы, преимущества, сертификаты, награды и т.д.

г) Отзывы клиентов (фото или видео). Значительно увеличивает конверсию.

д) Сноска на анонсы статей.

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

е) Подвал. Здесь содержатся реквизиты компании, карта сайта, сноски на политику конфиденциальности и контактные данные.

— Страница «Услуги».

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

— Страница конкретной «Услуги».

Например, если у вас юридическая фирма, это может быть «Регистрация ООО» или любая другая приоритетная услуга.

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

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

— Карточка товара (если у вас интернет-магазин).

Качество разработки карточки товара предопределяет успех проекта и будущий уровень продаж.

Что могу посоветовать?

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

— Раздел «О компании».

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

— Страница «Контакты».

На составление концепции данной страницы вы потратите не больше 10 минут.

Вот, какие основные пункты должна содержать:

— карта проезда;
— контактный телефон;
— юридические реквизиты компании;
— форма обратной связи;
— контакты директора для улучшения работы отдела качества.

— Рубрика «Статьи».

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

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

— Пример статьи из рубрики «Блог» и её внешний вид.

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

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

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

4. Четвертый этап. Маркетинговая часть

Какие основные пункты должен содержать:

● акции и скидки (например, при отправке заявки на вашем сайте впервые, пользователь получает скидку в размере 10%);

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

Для этого важно обращение с учетом проблематики вашей целевой аудитории.

Здесь может быть большое количество элементов и всё зависит от тематики. Например, для кадрового агентства должна быть бесплатная замена сотрудника, чтобы у заказчика возникло понимание.

5. Пятый этап. Техническая часть проекта

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

Какие основные пункты должен содержать:

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

— наличие 404 страницы;

— выделенный SSL-сертификат (на сегодняшний день большинство хостинг-провайдеров предоставляют данную услугу бесплатно, не вижу смысла платить за это дополнительно);

— карта сайта, файл robots.txt, 301 редиректы (особенно относится к проектам, которые проводят реструктуризацию. Большинство из них попросту сносят старую url-структуру и делают новую, меняя дизайн. Это негативно отразиться на позициях сайта. Восстанавливаться придется достаточно длительный период времени. Поэтому, если ваш сайт и его структура были устарелыми, лучше настроить соответствующие редиректы).

Совет №2!

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

6. Пример технического задания по разработке сайта

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

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

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