Как составить тз на разработку сайта

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

Как составить тз на разработку сайта

Не хотите получить полное разочарование принимая сайт от разработчика? Тогда внимательно прочитайте эту статью!

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

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

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

Зачем нужно тех задание?

  • Исполнителю грамотное ТЗ на разработку сайта поможет заранее оценить объём работы, её сложность и стоимость. Понять, справится ли он с такой задачей самостоятельно, или стоит взять помощников. А затем сделать именно то, чего от него ждёт заказчик.
  • Заказчику техзадание даёт уверенность в том, что он задокументировал свои пожелания к будущему сайту, чётко обозначил сроки, в которые должен уложится исполнитель, прописал требования к работе сайта. И если результат окажется неудовлетворительным, можно предъявить обоснованную претензию: «Не соответствует ТЗ!»

О чём пишут в техзадании?

В тех задании рассматриваются следующие вопросы:

  • Для чего и для кого создаётся сайт?
  • Чем он будет наполнен?
  • Как это всё будет функционировать?
  • Кто и как будет работать над проектом, кто за что отвечает?
  • Что будет приниматься на выходе?

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

1. Информация о заказчике, то есть о вас

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

2. Информация о проекте

Что это будет: сайт-визитка, блог, интернет-магазин, корпоративный портал, электронная библиотека?

3. Целевая аудитория сайта

Опишите вашу целевую аудиторию, расскажите что им нужно и как их можно заинтересовать.

4. Цели и задачи, которые должен решать сайт для заказчика и для аудитории

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

Указывайте прямое назначение вашего сайта.

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

5. Рамки проекта (основной функционал)

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

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

6. Структура (карта) сайта

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

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

7. Отдельные страницы

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

Какие там будут информационные блоки? На каждой ли странице будут меню, сайдбар (отдельный блок с навигацией), футер (нижний блок)? Хотите ли вы видеть на странице баннеры, картинки? Будут ли они статичные или движущиеся?

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

8. Требования к дизайну сайта

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

Расскажите о том, какие цвета вы предпочитаете. Например, вы хотите сделать сайт, посвящённый женским тренингам, дизайнер воплотит его в розовых тонах, а вам нравится оранжевый.

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

9. Рабочий функционал сайта

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

Какая форма? Для чего? Какие пункты в ней должны быть? Как она выглядит?  Этих нюансов исполнитель может не угадать, в итоге вы получите совсем не то, что хотели. Деньги заплачены, проект соответствует ТЗ (вы же написали «календарь» — вот он), а вам придётся довольствоваться тем, что получилось, хотя это вовсе не то, чего хотелось, или переплачивать за изменения.

10. Описание контента

Если вы заказываете контент одновременно с созданием сайта, и исполнитель у вас один (например, агентство), описание контента — это отдельное ТЗ копирайтеру.

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

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

11. Технические требования

Сложный пункт для тех, кто мало понимает в сайтостроении.

Если не разбираетесь, включайте логику.

Например, ваш сайт должен:

  • одинаково хорошо смотреться на мониторах разной ширины (адаптивный дизайн);
  • быть СЕО оптимизирован для продвижения;
  • уметь противостоять вирусам;
  • иметь встроенный seo-функционал и так далее.

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

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

Источник: https://bisarts.ru/kak-sostavit-tz-dlya-sajta.html

Разработка технических сайтов

Как составить тз на разработку сайта

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

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

Этапы разработки веб-ресурса

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

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

Принято располагать этапы разработки сайта таким образом:

  1. Написание ТЗ и задач будущего сайта.
  2. Проработка дизайн-проекта и его согласование с заказчиком.
  3. Объединение дизайна и системы управления ресурсом.
  4. Публикация сайта в сети.
  5. Написание и размещение контента.
  6. Сопровождение сайта.

Для понимания особенностей каждого этапа стоит разобрать их подробнее.

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

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

Не менее важно определить ряд ключевых элементов:

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

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

  • тип сайта;
  • стиль исполнения;
  • функционал;
  • структура страниц;
  • навигация.

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

Проработка дизайн-проекта и его согласование с заказчиком

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

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

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

Заказывая разработку технического сайта в агентстве «Паньшин Групп», клиенты могут ознакомиться с несколькими готовыми концепциями и выбрать ту, которая подходит больше. Этот этап разработки сайта в среднем занимает 2,5-3 недели.

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

Объединение дизайна и системы управления ресурсом

Зачем это нужно? Дело в том, что благодаря такому объединению, программистам удается обработать графический макет и оснастить сайт качественным функционалом. Специалисты агентства «Паньшин Групп» осуществляют несколько операций на данном этапе:

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

Последний процесс делает сайт готовым к работе функционально, но пустым. В среднем, процедура интеграции может занимать от 1-2 недель до 1,5-2 месяцев. В данном случае все зависит от сложностей верстки и оптимизации ресурса, его направленности и пожеланий клиента.

Публикация сайта в сети

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

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

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

Написание и размещение контента

Как только самые сложные этапы разработки сайта завершены, можно смело приступать к его наполнению.

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

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

Сопровождение сайта

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

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

Агентство «Паньшин Групп» берет сопровождение разработанных ресурсов на себя и делает это качественно, профессионально и недорого.

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

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

Источник: https://apanshin.ru/blog/razrabotka-tekhnicheskikh-saytov/

Тз на создание сайта: как сформулировать задачу исполнителю?

Как составить тз на разработку сайта

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

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

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

При этом заказчику необходимо убедиться, что все его “хотелки” зафиксированы в тех задании.

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

Из чего состоит ТЗ?

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

Общие сведения (описание)

Здесь указываются:

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

Этапы и сроки реализации проекта. Очень важный момент, как правило, календарный план по всем этапам работ составляют в самом конце. Эта часть даёт понимание, что и когда будет делаться. Например (с указанием дат):

  • Подготовительный этап;
  • Проработка концепции сайта;
  • Проектирование;
  • Создание дизайн-макета;
  • Разработка дизайна страниц;
  • Вёрстка;
  • Программирование;
  • Наполнение контентом;
  • SEO-оптимизация;
  • Тестирование;
  • Запуск.

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

Назначение и цели

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

Назначение сайта. Каких целей созданием сайта необходимо достичь? Для чего он нужен, какие задачи решает?

  • Реклама и привлечение новых клиентов;
  • Поддержка заказчиков и партнёров;
  • Демонстрация выполненных работ;
  • Ознакомление со списком услуг;
  • Создание и поддержание имиджа компании.

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

Целевая аудитория. Кто будет пользоваться сайтом, для кого он создаётся?

  • Веб-мастера, блогеры;
  • Владельцы интернет-магазинов;
  • Владельцы информационных порталов;
  • Рекламные студии;
  • Представители присутствующих в онлайн-пространстве фирм и компаний.

Требования

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

Тип. К какой категории принадлежит веб-ресурс?

  • Посадочная страница;
  • Сайт-визитка;
  • Корпоративный сайт;
  • Информационный портал;
  • Интернет-магазин.

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

  • Сайт должен быть минималистичным и при этом отражать род деятельности компании.
  • Основные цвета: зелёный и белый, по брендбуку или на усмотрение дизайнера.
  • В оформлении нельзя использовать анимацию, всплывающие окна, Flash-элементы, дизайнерские излишества.
  • Нельзя использовать шрифты с засечками (можно применять стандартные: Verdana, Arial, Tahoma и т. д.). Кегль должен обеспечивать максимальное удобство чтения (12-16 пт.).

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

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

Второй вариант стоит дороже и требует большей квалификации от подрядчика.

Языковые требования. Носители какого языка смогут посещать ресурс? Какие языковые версии сайта должны быть?

  • Русский;
  • Английский;
  • Эсперанто.

Требования к совместимости.

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

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

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

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

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

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

в дальнейшем это поставит в зависимость от исполнителя.

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

Структура и навигация. Какие разделы, подразделы и отдельные страницы будет содержать проект?

  • Копирайтинг
  • Рерайтинг
  • SEO-коперайтинг
  • Корректура
  • Транскрибация
  • Контент-менеджмент
  • Контент-маркетинг

Сделайте и краткое описание каждой страницы, дайте определения.

Например, что подразумевается под страницей «Контакты»? Она должна содержать адрес, телефон и электронную почту в текстовом виде? Или там должна присутствовать форма обратной связи? А может, нужно встроить код Яндекс Карт? Или же на странице контактов должно размещаться всё перечисленное, да ещё и ссылки на представительства в социальных сетях?

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

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

Описание разделов сайта

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

страница. Формулировка задачи может быть в следующем виде.

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

  • Шапка — логотип, название фирмы;
  • Меню навигации;
  • Информация об акциях и скидках;
  • Кнопка заказа;
  • Рекламный текст;
  • Блок с пятью лучшими работами и ссылкой на раздел портфолио;
  • Отзывы клиентов;
  • Штат студии;
  • Блок партнёров компании;
  • Информация о тарифах;
  • Дублирующий блок скидок и кнопка заказа;
  • Карта ссылок;
  • Кнопки социальных сетей.

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

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

Сюда же можно поместить схемы (или схему) страниц.

Кстати, эти прототипы сделаны с помощью программы Balsamiq Mockups, который довольно прост в освоении.

Описание функциональной части

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

Источник: https://www.seostop.ru/blog/sozdanie-saita/tz.html

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

Как составить тз на разработку сайта

О чём вы думаете, когда видите по городу или на сайтах (в рекламных блоках) баннеры с заголовками: «Сайт за 500 грн.», «Сайт за 1000 руб.»?

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

  • А возможно ли такое вообще?
  • Какое качество будет у сайта в таком случае?
  • Можно ли будет его потом продвигать?
  • Займёт ли он достойные позиции?
  • Будет ли он удобным и будет ли возможность его редактировать?

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

А если нет? Если, например, потенциальный владелец ничего не знает об HTML и после того, как получит сайт, не вносит никаких изменений? Обычно мало кто вносит какие-то изменения сразу, ведь всё актуально.

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

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

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

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

Итак, образец технического задания на разработку небольшого сайта отзовика.

Тз по разработке сайта

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

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

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

Тогда вам снова придётся искать пример и объяснять, что вы имели в виду.

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

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

Десктопная версия

Общая информация

Ширина сайта – 1140 px (пример –vizaua.com).Шапка и футер растягиваются по ширине экрана и одинаковы для всех страниц.Семейство шрифтов: Cambria (предпочтительно), Century, Georgia. Можно указать и другие популярные шрифты с засечками.Размеры шрифтов (для Cambria):Текст под логотипом в шапке – 15pxСсылки в шапке – 14px

Текст в футере – 16px

страница – home.png

Текст над строкой поиска – 25px

Текст под строкой поиска – 14px

Описание элементов:

1, 2 – цифры с реальным числом магазинов и отзывов. Можно пересчитывать один раз в 24 часа.3 – категории. Располагаем вручную в таком порядке, как на макете.4 – ссылки на магазины. Рядом с названием магазина выводим число отзывов. Если отзывов ещё нет, ничего не выводим.

Под каждой категорией выводим 6 самых популярных по количеству отзывов магазинов. Если в категории есть ещё магазины, на неё ведёт ссылка «Ещё N», где N – число магазинов. Если больше магазинов нет, на категорию ведёт ссылка «Показать всё».

5 – список низкопопулярных категорий.

Выводим их тут.

Страница с описанием магазина и отзывами – shop-page.png

Заголовок H1 – 30px
Заголовок H2 – 22px

Описание элементов:1, 2, 3 – место под рекламные блоки. Нужно отметить это место при вёрстке и закрыть к индексации.4 – контент страницы.

Дизайн меняется таким образом, чтобы все изменения можно было внести глобально, без редактирования каждой страницы по отдельности:– добавлен серый фон контентного блока;– добавлен белый border у таблиц (по умолчанию, вроде, нигде не прописывался);— добавлено место под рекламный блок над отзывами.

5 – заголовок формы. Нужно проставить «».

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

Страница категории – category-archieve.png

Ссылки на магазины – 18 px, цвет # 336699
Текст в анонсах – 14px

Описание элементов:1,2 – место под рекламные блоки.3 – контентная часть. Нужно удалить все описания категорий (тексты сохранить в отдельном .doc-файле и загрузить этот файл на сервер).

4 – ссылка на отзывы. Во всех шаблонах ТЗ слово «комментарии» меняем на «отзывы».

Служебная страница – page.png

Размер шрифта – 15pxРекламные блоки не выводим.

В меню справа выводим только поиск и ссылки на категории. Отзывы не выводим.

404 ошибка – 404.png

404 – шрифт 80pxТекст под ним – 20px

Наклонный текст – 15px

Ссылки навигации:– на главную – 16px

– на служебные страницы– 14px

Активные элементы:Все ссылки подчёркнутые, убираем подчёркивание при наведении, цвет ссылки на несколько оттенков темнее (на усмотрение исполнителя).

Цвет кнопки #ddd, при наведении появляется курсор в виде руки.

Рекомендую делать отдельные макеты и описывать поведение всех ссылок, кнопок, выпадающих меню, всплывающих окон.

Мобильная вёрстка

Сейчас лучше ставить мобильную вёрстку главной и от неё «плясать». Не зря же вся справка и блог Google пестрят «Mobile first» (сначала мобильные или мобильность). Мы говорим вам об этом с 2014 года (статьи «3 способа быстро адаптировать сайт под мобильные устройства» и «Мобильная адаптация сайта — ответы на вопросы» ).

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

  • Контактам. Номера телефонов должны быть кликабельными – при нажатии должна открываться панель ввода номера с уже набранным номером и кнопкой вызова.
  • Меню. Опишите, как оно должно открываться: выезжать сбоку, сверху и т. д.
  • Не должно быть горизонтальной прокрутки на страницах сайта (это само собой разумеется, но я всё же решила напомнить).

Ниже представлены макеты страниц для отображения сайта на мобильных устройствах (адаптивная вёрстка).

Основные требования:
– меню-бургер – раскрывается вниз при касании значка меню:

– сайдбар опускаем под основной контент:

– все элементы в футере находятся друг под другом:

страница

Все элементы выводятся друг под другом:

  • краткое описание;
  • форма поиска;
  • подробное описание;
  • списки магазинов, разделённые по категориям.

На этом примере, кстати, действительно всё предельно ясно, можно обойтись без описания.

Страница категории

Страница магазина

Все элементы выводим друг под другом, в том числе колонки в таблице.

Информационная страница

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

P.S.

Еще по теме:

Есть вопросы?

Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.

Источник: https://siteclinic.ru/blog/technical-aspects/tz-na-razrabotku-sajta-primer/

Как правильно составить ТЗ на создание сайта?

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

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

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

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

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

Итак, каковы же основные составляющие ТЗ, как их правильно описать?

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

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

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

Описание сути проекта

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

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

Вид, тип и специфика сайта

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

  • Информационный.
  • Визитка (заказывается для частных специалистов).
  • Интернет-магазин.
  • Сайт компании с обзором товаров и услуг.
  • Блог или форум, а также многое другое.

Уже на этом этапе ознакомления с ТЗ исполнитель сможет оценить объем предстоящей работы.

1. Описание содержания сайта и предпочтений целевой аудитории

На этом этапе написания ТЗ вам предстоит описать свою целевую аудиторию:

  • Кем являются ваши покупатели и посетители?
  • Чем они занимаются и как подвести их к целевому действию?

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

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

2. Описание структуры проекта

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

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

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

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

3. Дизайн будущего сайта

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

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

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

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

4. Технические особенности реализации

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

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

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

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

5. Период реализации проекта

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

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

6. Дополнительная информация и приложения

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

Отдельно следует остановиться на дополнительных пожеланиях и индивидуальных требованиях.

Источник: https://pro-promotion.ru/articles/help/kak-pravilno-sostavit-tz-na-sozdanie-sayta

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