Как составить грамотное техническое задание на создание сайта

Важные пункты для включения в ТЗ

Для того чтобы ТЗ было максимально эффективным, необходимо включить следующие обязательные пункты:

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

Преимущества работы с ТЗ

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

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

Зачем нужно ТЗ

Ценность ТЗ для заказчика

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

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

Важность техзадания для исполнителя

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

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

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

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

Клиент может самостоятельно сформировать техническое задание, но только в том случае, если он разбирается в нюансах разработки. Иначе конкретики будет сложно достичь, особенно в вопросах движка, хостинга, SEO-параметров и других моментов.

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

Этапы работы

Этапы работы, фиксируемые в ТЗ:

  1. Составление технического задания и утверждение его заказчиком.
  2. Создание дизайн-макета и утверждение его заказчиком.
  3. Верстка и программирование сайта.
  4. Наполнение контентом.
  5. Тестирование и корректировка.
  6. Запуск и поддержка.

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

Требования для сайта

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

Пример технического задания для страницы

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

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

  • SaaS-платформы
  • Коробочные CMS
  • Самописные движки

Для стандартных сайтов рекомендованы SaaS-платформы и коробочные CMS, для самописных движков в штат придется привлекать программиста. Обязательно фиксирование типа движка в ТЗ, чтобы не испытывать сложности с управлением или недостаток функциональности (в зависимости от проекта).

Описание дизайна

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

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

Пример дизайна сайта

Что должно быть в ТЗ для веб-дизайнера

Структура сайта

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

Пример структуры сайта

Страницы и элементы

  • Главная страница
  • Категории товаров
  • Подкатегории товаров
  • Карточки товаров
  • Корзина
  • Оформление заказа

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

Содержание и элементы можно визуализировать, создав прототип в графическом формате. Элементы – это не только кнопки, но и фильтры (особо важны для e-commerce-сайтов), шапка, футер и сайдбар (боковая панель). Компоненты должны быть описаны с максимальной точностью – от единства оформления на всех страницах до размера шрифтов. Указываются особенности генерации служебных страниц, таких как ошибка 404 и фильтров, рекомендуется получить консультацию разработчика, чтобы предупредить плохую индексацию.

Контент, если его предоставляет исполнитель

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

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

Нормы Google Core Web Vitals

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

Доменное имя и хостинг

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

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

После выбора домена и хостинга специалист должен подать их на согласование.

Виды хостингов и критерии выбора

Советы по составлению ТЗ на разработку сайта

Мы рассказали о том, как составить ТЗ с примерами и рекомендациями, однако неопытному заказчику лучше доверить работу агентству разработки или профильной компании. Любые неточности чреваты финансовыми и временными потерями, существенно тормозящими старт проекта. Готовый вариант, особенно если речь идет о крупном и дорогом сайте, лучше дополнительно проверить, обратившись к независимым специалистам: ТЗ – не просто формальность, а официальный документ, на который будут ориентироваться все участники проекта.

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

Что собой представляет техзадание

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

Для чего оно необходимо

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

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

Кто должен заниматься составлением ТЗ, написанием технического задания для сайта

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

Так, заказчик в первую очередь пытается сделать следующее:

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

Бриф на разработку ресурса

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

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

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

Четкость формулировок

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

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

Структура техзадачи

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

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

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

Ниже можно рассмотреть пример правильно составленного техзадания:

Пункты ТЗО чем писатьВарианты заполнения

Сведения об организацииНаименование, изделия, услуги, вид деятельности, конкуренты, достижения, дата регистрации.Компания «Молтехникс». Производство оборудования по переработке молока. Основана в 2012 г. Обладатель премии «Товар года». Конкуренцию составляют: «Млечный путь», «Ферм Строй».

Целевая аудиторияКак можно подробнее опишите контингент, который планируете видеть на страницах.Укажите их предполагаемое место жительства, уровень дохода, возрастные характеристики.Индивидуальные предприниматели, выпускающие молочную продукцию. Фермерские хозяйства.Мужчины и женщины в возрасте от 30 до 55 лет.Занимаются сельскохозяйственной деятельностью, проживают на территории Российской Федерации.Имеют средний доход и выше.

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

Начальная структураЧто из основного обязано быть в наличии.Домашняя (сведения об организации, место деятельности, проводимые акции).Каталог; Блог; Новости; Контакты.

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

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

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

Разрешение и изображениеОбозначьте, с какого устройства должны просматриваться страницы.Мониторы ПК от 19 до 27 дюймов; Ноутбуки от 15,6 до 17,3; Смартфоны от 3,5 до 6; Планшеты от 7 до 12.

Целесообразность мобильной версииНужна.

Приблизительные перечень модулейУкажите, что хотите видеть на своей странице. Фильтры каталога, возможность сделать онлайн-заказ и т.д.Распределение товарных позиций по стоимости, в алфавитном порядке.Консультация предполагаемым покупателям.

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

Подключение платежных системУкажите предпочтительные.Необходима консультация разработчика.

Возможности интеграцииИнтегрирование с Мегапланом и 1С.

ОбзорОптимально будет привести примеры в виде ссылок, что нравится, а что категорически нет.adme.ru— менюtobiafran.com — анимация загрузкиanotherstate.co — шрифты.

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

ПожеланияВ эту графу следует внести все, что не было затронуто в предыдущих позициях.

Предпроектное проектирование

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

Примерное составление (структура)

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

«Домашняя» (главная) страница

Лайфхаки как написать, составить тз для сайта

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

Где взять образцовые варианты

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

Параллельно стоит сформировать собственные подборки с понравившимися референсами. Будет очень удобно пользоваться ими в перспективе.

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

Как определить цветовую гамму

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

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

Как подобрать шрифты

Немаловажный аспект. От их качества (читаемости) и соответствия общему дизайну во многом зависит понимание информации пользователями. Обязательно пропишите в техзадании конкретные пожелания. Коллекцию Word можете смело не рассматривать. Все, что в ней имеется, уже многократно использовано до Вас. Лучше обратите внимание на сетевую библиотеку allfont.ru.

Как писать шаблон ТЗ, составлять техзадание для сайта правильно

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

Не указано отведенное время

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

Потеряны данные доступа

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

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

Отсутствие наглядности

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

Качественные прилагательные

При составлении техзадачи старайтесь избегать использования слов, обозначающих неточные характеристики предметов. Например: красивый, умный, сильный, современный и т.д. Помните — только конкретика: «На два оттенка темнее», «Укоротить на 4 см», «Округлые края у кнопки». Опять же, у каждого человека собственное представление о красоте, силе, современности и иных сравнительных параметрах.

«На усмотрение исполнителя»

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

Заключение

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

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

10 Январь 2024

Если заранее обсудить нюансы и удалить сложные термины – это всем понравится.

Помните закон Мерфи? Если вас могут понять неправильно, вас поймут неправильно. Это справедливо и в создании сайтов. Клиент хотел второй «Вконтакте», а получил форум юных собаководов. Разработчик не угадал хотелку заказчика — потратил время впустую.

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

Статья будет полезна:

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

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

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

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

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

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

Гарантированно приведем клиентов

на ваш новый лендинг

Техзадание составляет исполнитель

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

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

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

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

Техзадание должно быть однозначным

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

Для кого-то красивый и современный сайт может выглядеть так

Аналогично с непонятными формулировками, которые ничего сами по себе не значат:

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

С формулировками разобрались, давайте пробежимся по структуре.

Техзадание должно содержать общую информацию

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

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

В техзадании нет сложных терминов

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

Техзадание описывает инструменты и требования к хостингу

Представьте, что вы 2 месяца делали сайт. Каждый этап согласовывали с клиентом — он в восторге. И вот пришло время сдавать работу. Вы показываете админку, а клиент кричит: «Это что такое? Модэкс? ! Я думал, вы сделаете на “Вордпрессе”!»

Чтобы таких проблем не было, опишите используемые инструменты, движки и библиотеки. Заодно укажите требования к хостингу. Мало ли, вы сделаете на PHP, а у клиента сервер на .NET.

Техзадание содержит требования к работе сайта

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

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

Техзадание показывает структуру сайта

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

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

Структура простого сайта-визитки

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

Техзадание касается каждой страницы

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

Прототип

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

Сделали прототип главной страницы в Mockplus

Перечисление элементов

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

Такой способ описания страниц экономит немного времени исполнителю, но выглядит сложно и не впечатляет

В техзадании должны быть сценарии использования сайта

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

Например, таким может быть сценарий оформления заказа. Пользователь нажимает на кнопку «Заказать» – сайт открывает форму заявки – пользователь вводит номер телефона и нажимает «Ок» – сайт принимает заявку и выводит сообщение «Заказ принят» – на e-mail менеджера приходит письмо с номером телефона клиента.

Конечно, если вы делаете стандартную визитку или лендинг, писать сценарии не нужно. Но если на сайте будут интерактивные сервисы, прописать сценарии необходимо – это поможет заметить «дыры» в работе ресурса.

Техзадание утверждает обязанности

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

Указываем контент, который должен быть на главных страницах сайта

Придумать объективные критерии оценки качества текстов довольно сложно. Лучше не пишите ничего, чем «качественный, интересный и продающий, полезный целевой аудитории». Это мусор, он никому не нужен.

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

Техзадание описывает дизайн

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

Пример ТЗ на разработку сайта (контент и дизайн)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *