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

Содержание
  1. Как создать ТЗ на разработку сайта
  2. Что такое техническое задание
  3. Чёткость формулировок в ТЗ
  4. Структура технического задания
  5. Пример структуры ТЗ по договору
  6. Функционал сайта
  7. Техническое задание на разработку сайта: пример, образец и требования
  8. Для чего нужно техническое задание
  9. Кто составляет техническое задание
  10. Формат и структура технического задания
  11. Формат технического задания
  12. Структура и объём технического задания
  13. Есть ли специальные требования для написания ТЗ
  14. Пример технического задания
  15. Образец тех задания на разработку сайта
  16. 1. Введение
  17. 2.Предмет разработки
  18. 3.Краткая характеристика области применения
  19. 4.Основание для разработки
  20. 5.1.Цели разработки
  21. 5.2.Эксплуатационное назначение
  22. 5.3.Функциональное назначение
  23. 6.1.1.Требования к составу и структуре данных
  24. 6.1.2.Требования к функциональному составу
  25. 6.2.Требования к составу страниц и структуре Сайта
  26. 6.3.1.Требования к  оформлению страниц Сайта
  27. 6.3.2.Описание главной страницы
  28. 6.3.3.Описание внутренних страниц
  29. 6.3.4.Требования к верстке веб-страниц Сайта
  30. 6.4.Требования к CMS
  31. 6.5.Требования к доменному имени Сайта
  32. 6.6.1. Требования к графическим и фотоматериалам Сайта
  33. 6.6.2. Требования к текстовым материалам Сайта
  34. 6.6.3. Требования к аудиоматериалам
  35. 6.6.4.Требования к видеоматериалам
  36. 6.7.Требования к лингвистическому обеспечению
  37. 7.1.Порядок передачи результата разработки

Как создать ТЗ на разработку сайта

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

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

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

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

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

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

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

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

  • Рассказать подробнее о компании, предлагаемых товарах или услугах, целевой аудитории;
  • Уточнить о проблемах, с которыми целевая аудитория (ЦА) будет приходить к клиенту и их решения;
  • Узнать, что именно клиент хочет получить от сайта;
  • Попросить привести примеры удачных сайтов конкурентов.

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

Чёткость формулировок в ТЗ

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

Главный критерий качества ТЗ — чёткие формулировки, отсутствие двусмысленных трактовок.

Конкретика в техническом задании — главное условие качества, например:

  • Каждая страница должна провериться на GTmetrix или GoogleSpeed с показателем скорости не менее 80/100 по Google Page Speed.
  • Ресурс должен выдерживать до 20 тыс. посетителей одновременно.
  • На главной должны выводиться новости и ниже отображаться форма с кнопкой «Подписаться» с возможностью отправить e-mail адрес.
  • Список партнеров в виде карусели логотипов, отзывы клиентов в слайдере с горизонтальной прокруткой по 1-му отзыву на слайд.

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

Структура технического задания

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

Но если вы считаете, что работа в XMind займет слишком много времени, то просто перечислите секции в word файле.

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

Пример структуры ТЗ по договору

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

Страница «»

  • Секция «Меню» с разделами и выпадающим списком подразделов:
    • Логотип и слоган;
    • «»;
    • «Проекты»;
    • «Каталог продукции» с выпадающим списком разделов «Трубы SML», «Фитинги SML», «Соединительные хомуты»;
    • «Производство»;
    • «О компании»;
    • «Проектировщикам»
    • «База знаний / FAQ»;
    • «Контакты»;
    • Ссылка на скачивание катала продукции в .pdf;
    • Контактный телефон компании;
    • Кнопка «».
  • Секция «Слайдер» с фотографией по ширине экрана и кнопкой обратной связи с запросом на просчёт проекта / запроса на полный прайс-лист продукции.
  • Секция «Преимущества» с указанием ключевых выгод для клиентов;
  • Секция «Производство» с кратким описанием и информацией про систему контроля качества, со ссылкой на раздел «Производство» и кнопкой с записью на поездку на завод;
  • Секция «Продукция» с текстовым описанием преимуществ, ссылками на сертификаты, ссылкой на «Каталог продукции»;
  • Секция «Наши проекты» (с переходом в раздел «Все проекты»);
  • Секция «Компания в цифрах» с цифрами достижений и ссылкой на раздел «О компании»;
  • Секция «-инструкции» с текстовым описанием и ссылкой в раздел «Все видео»;
  • Секция «Подвал»:
  • Контакты, телефон, адрес, электронная почта;
  • Кнопка обратной связи;
  • Ссылка на канал и на социальные сети компании.

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

Функционал сайта

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

  • CMS система Вордпресс, Битрикс и тп.
  • Формы заявок с возможностью оставить заявку
  • Модальные окна
  • Слайдеры
  • Модули галереи
  • Модули SEO оптимизации и страниц
  • Модули кеширования и сжатия
  • Онлайн-карта с гео-метками
  • Онлайн-калькулятор с расчетом цены

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

Подключение и настройка CMS системы 1С БитриксИсполнитель настраивает CMS систему управления сайтом 1С Битрикс. Лицензия «1С-Битрикс: Управление сайтом» оплачивается Заказчиком самостоятельно.
Наполнение контентомНаполнение текстом и фотографиями указанных выше страниц. Текст и фотографии предоставляет Заказчик. Исполнитель в праве использовать также контент с сайта заказчика. Расположение блоков на страницах выводится в рамках структуры страниц шаблона.
Настройка ролей доступаДобавление роли «Администратор» с возможностью администрирования CMS, роли редактора (для отдела закупок) с возможностью добавления информации.
Адаптация для мобильных устройств и планшетовШирокоэкранная верстка и адаптация под более мелкие разрешения экрана, сайт должен корректно отображаться на экранах шириной от 1920 до 320 пикселей, появление горизонтальной прокрутки недопустимо.
Подключение дополнительных модулей CMSИсполнитель также вправе добавлять модули CMS и функциональные элементы на своё усмотрение, если они улучшают работоспособность сайта по согласованию с Заказчиком, платные модули оплачиваются Заказчиком.
Подключение домена и хостинга ЗаказчикаИсполнитель подключает домен и хостинг Заказчика для веб-сайта. Производится парковка домена с указанием адресов ns1, ns2. Включается версия PHP не ниже 7.0.
Настройка базы данных MySQLИсполнитель создает базу данных MySQL на хостинге заказчика для размещения данных веб-сайта. Доступы к базе данных передаются Исполнителем Заказчику по электронной почте.
фон на главной страницеВывод подложки с видеорядом Заказчика в первом блоке главной страницы сайта. Должна присутствовать затемняющая подложка для повышения читабельности текста.
Вывод модальных окон и отправка данныхКаждая из кнопок должна вызывать соответствующее модальное окно с формой обратной связи. Данные с формы в корректном виде должны отправляться на почту Заказчика.
Вывод форм обратной связиФорма обратной связи должна выводиться на каждой странице. В форме обратной связи должны присутствовать: форма поля ввода номера телефона и кнопка «отправить заявку». Данные с формы должны передаваться на электронный адрес администратора, а также дублироваться на адрес info@domen.ru.
Подключение Яндекс карты c ГЕО-меткамиНа страницах выводится Яндекс.Карта с ГЕО меткой расположения / адреса Заказчика. Заказчик устанавливает метку на собственном аккаунте Яндекс.
Подключение статистики Яндекс.МетрикаСервис сбора данных о посещаемости и поведении пользователей. Заказчик предоставляет Яндекс почту, на которую Исполнитель подключает сервис.
Настройка целей в Яндекс.МетрикаИсполнитель настраивает цели в Яндекс.Метрика. Цели сообщают в статистике о том, с какой конкретно формы была отправлена заявка.
Вывод H1 и МЕТА-описаний страниц согласно ключевому запросу веб-страницыКаждая страница веб-сайта должна иметь заголовок и МЕТА-описание в соответствии с содержимым страницы.
Кроссбраузерная оптимизация сайтаСайт должен корректно открываться в последних актуальных версиях существующих браузеров.
Настройка файлов sitemap.xmlИсполнитель выводит карту сайта в отдельный раздел sitemap.xml с указанием существующих страниц для индексации.
Добавление «хлебных крошек»Исполнитель выводит в каждый раздел навигационную цепочку («хлебные крошки», англ. Breadcrumbs) с адресом страницы формата: → Раздел → Подраздел → Текущая страница.
Настройка файла robots.txtИсполнитель настраивает текстовый файл, который содержит параметры индексирования сайта для роботов поисковых систем.
Настройка файла .htaccessИсполнитель настраивает специальный файл, позволяющий редактировать конфигурации и настройки веб-сервера.
Настройка ЧПУ адресов страниц в формате domen.ru/arenda-skladaАдрес каждой страницы должен содержать корректное описание для поисковых систем и посетителей на латинице.
Настройка 404 и 303 страницНастройка корректной выдачи ошибки 404, настройка 303 переадресации на страницы, которые изменили свой адрес.
Оптимизация программного кода HTML/CSS/PHP и скриптовИсполнитель выполняет оптимизацию программного кода страниц сайта для повышения скорости загрузки страниц и веб-сайта в целом. При необходимости Исполнитель переносит загрузку .js скриптов в «подвал» сайта, настраивает кеширование страниц и сжатие CSS / HTML.
Оптимизация размера изображений и графического контентаИсполнитель сжимает изображения и видео, размещаемые на страницах веб-сайта для повышения скорости загрузки страниц ресурса.
Тестирование и поддержка в течение 1-го месяца после запускаПосле приемки и запуска веб-сайта Исполнитель оказывает услуги по технической поддержке, устраняет технические ошибки и корректирует работу сайта при необходимости.

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

Скачать шаблон ТЗ

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

Помните, что сайт — это техническое и программное обрамление контента. Если контент (фото и видео) не очень, то и сайт будет таким же.

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

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

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

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

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

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

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

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

Взаимопонимание между заказчиком и исполнителем — гарант эффективного сотрудничества и хорошего результата.

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

Для чего нужно техническое задание

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

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

  1. Абсолютно неинформативны.
  2. Могут трактоваться по-разному.

Если описывать задачу подобным образом, представления о результате у исполнителя и заказчика с большой долей вероятности просто не совпадут. Это чревато ухудшением взаимоотношений: одна сторона будет считать, что не получила хорошего результата и зря потратила деньги, другая — что её используют для постоянных правок из-за непонятных капризов.

Подробное ТЗ с объяснением каждой детали не оставит места для субъективной оценки.

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

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

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

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

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

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

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

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

Формат и структура технического задания

Формат и структура ТЗ на разработку сайта могут варьироваться, но есть несколько общих правил оформления. Им стоит следовать — это упрощает и написание, и трактование, и, в последующем, разработку сайта.

Формат технического задания

Документ может создаваться в любом текстовом редакторе. Наиболее популярными являются Microsoft Word и Google Docs. Особенно удобно работать во втором сервисе — доступ к просмотру и редактированию осуществляется по ссылке, поэтому можно в любой момент создать примечание или внести правку.

Из общих правил оформления можно выделить:

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

В любом случае главное — удобство для обеих сторон.

Структура и объём технического задания

Чёткого регламента на объем технического задания на разработку сайта нет: это показатель зависит от типа проекта, его сложности и масштабов. А вот структура примерно одинакова во всех случаях.

  1. Введение. В вводной разделе содержится основная информация о сайте и его назначении: заказчик знакомиться исполнителя с проектом.
  2. Назначение. Здесь стоит описать задачи, которые должен выполнять сайт: корпоративный — рассказывать о компании, лендинг — увеличивать конверсии, интернет-магазин — продавать. На первый взгляд кажется, что этот пункт очевиден и не требует отдельного раздела, но это не так.
  3. Структура. Здесь указывается количество разделов и название каждого из них, дополнительно — короткое описание.
  4. разделов и страниц. Большая часть ТЗ отводится под подробное описание каждой страницы будущего сайта.
  5. Технические требования. В этой части нужно рассказать, как должна работать готовая площадка: будет ли у неё версия под мобильные устройства, под какие браузеры она создаётся и так далее.
  6. Сценарии использования — кто, как и зачем будет заходить на сайт.
  7. Контент. Этот пункт носит опциональный характер: можно уточнить, кто и когда будет заниматься наполнением страниц, но это не обязательно.
  8. Условия. Это завершающий раздел, в котором указываются сроки подготовки и сдачи проекта, в том числе время, выделенное на каждый этап.

Есть ли специальные требования для написания ТЗ

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

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

— Нет: “Сайт работает быстро”.

— Да: “Страница загружается за n-секунд при стабильном подключении к сети”.

Второй совет. Отдавайте предпочтение развёрнутым описаниям.

— Нет: “Поиск должен быть удобным”.

— Да: “Поиск по сайту должен содержать n-фильтров и сортировку выдачи по n-критериям”.

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

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

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

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

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

В конце статьи, вы сможете скачать word-документ с примером технического задания.

Пример: Техническое задание на разработку сайта интернет-магазина косметики.

1. ВВЕДЕНИЕ

В документе содержится техническое задание для разработки сайта интернет-магазина магазина косметики N. Бренд занимает нишу 12 лет и специализируется на офлайн-продажах. Продукция ориентирована на молодых людей 16-25 лет, компания предлагает линейки для аллергиков и веганов.

2. НАЗНАЧЕНИЕ

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

3. СТРУКТУРА И ОПИСАНИЕ

На сайте будет 9 разделов:

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

3.1. страница:

  • Шапка сайта с названием компании и логотипом бренда;
  • Контентный блок для описания акций;
  • Карта сайта;
  • Корзина;
  • Блоки разделов (Распродажа, Новая коллекция, Для веганов, Гипоаллергенно);
  • Партнёры;
  • Социальные сети;
  • Копирайт, контактные данные.

3.2 Общее оформление разделов:

  • Шапка;
  • Корзина;
  • Поиск по сайту, фильтры и сортировка;
  • Копирайт, контактные данные.

4. РАЗДЕЛЫ И СТРАНИЦЫ

4.1 страница:

Шапка главной страницы — обложка с продукцией бренда, название и логотип. Карта сайта расположена под шапкой в одну строку. Ниже:

  • Строка поиска;
  • Корзина;
  • Фильтры поиска и сортировка;
  • Блок с акциями, текст на фоне изображения;
  • Блок с новыми коллекциями, текст на фоне изображения;
  • Блок этичной косметики с кнопкой “перейти” для перехода в раздел;
  • Блок с гипоаллергенной косметикой с кнопкой “перейти” для перехода в раздел;
  • Графические блоки с логотипами партнёров;
  • Логотипы с ссылками на социальные сети;
  • Нижняя панель с копирайтом (слева) и контактными данными (справа).

4.2 О магазине:

Страница оформляется по типовому шаблону: шапка и текстовый блок с описанием компании.

4.3 Каталог:

  • Строка поиска;
  • Корзина;
  • Фильтры поиска и сортировка;
  • Блок этичной косметики с кнопкой “перейти” для перехода в раздел;
  • Блок с гипоаллергенной косметикой с кнопкой “перейти” для перехода в раздел;
  • Блоки для каждого подраздела;
  • Логотипы с ссылками на социальные сети;
  • Нижняя панель с копирайтом (слева) и контактными данными (справа).

4.5 Подраздел:

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

  • Строка поиска;
  • Корзина;
  • Фильтры поиска и сортировка;
  • Позиции;
  • Список страниц с возможностью вернуться на первую и перейти на последнюю;
  • Логотипы с ссылками на социальные сети;
  • Нижняя панель с копирайтом (слева) и контактными данными (справа).

4.6 Карточка товара:

  • Строка поиска;
  • Корзина;
  • Фильтры поиска и сортировка;
  • Изображение товара слева;
  • Краткое описание справа;
  • Выбор модели;
  • Характеристики;
  • Логотипы с ссылками на социальные сети;
  • Нижняя панель с копирайтом (слева) и контактными данными (справа).

5. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ

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

  1. Корректное отображение в Google Chrome, Safari;
  2. Оптимизированная мобильная версия;
  3. Мета-теги для продвижения в Google и Yandex;
  4. Базовое разрешение десктопной версии 1024×768.

6. СЦЕНАРИИ

Сайт будет использоваться:

  1. Для продаж;
  2. Для изучения ассортимента и составления списка желаний;
  3. Для получения информации о продукции бренда.

7. КОНТЕНТ

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

8. УСЛОВИЯ

Общий срок создания интернет-магазина составляет 60 дней. Из них:

  1. 20 — создание макетов и шаблонов;
  2. 30 — программирование и вёрстка;
  3. 10 — создание контента.

8.1 Этапы создания сайта:

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

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

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

Источник: https://waytostart.ru/blog/technical-task

Образец тех задания на разработку сайта

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

Приложение №№ Приложения – Техническое задание

к Документ №№ Договора от Дата заключенияг.

заключенному между Наименование стороны (т.п.) и Наименование стороны (т.п.)

1. Введение

 Настоящий документ (далее по тексту – Техническое задание) является приложением к Документ №№ Договора от Дата заключенияг. (далее по тексту – Договор).

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

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

Заказчик согласен со всеми положениями Технического Задания.

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

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

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

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

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

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

Все, что не оговорено в Техническом задании выполняется на усмотрение Исполнителя.

2.Предмет разработки

Предметом разработки является Сайт. Разработка Сайта включает в себя следующий комплекс работ:

– Подбор CMS распространяемой как открытое или как свободное ПО (на основе свободной лицензии) в соответствии с требованиями пункта 6.4 и создание Сайта в соответствии с требованиями Технического задания на основе выбранной CMS;

– Доработка функциональности Сайта (функциональности CMS) в соответствии с требованиями пунктов 6.1.2 и 6.4 Технического задания путем разработки и внедрения программных компонентов;

– Разработка дизайн-макетов страниц Сайта в соответствии с требованиями пункта 6.4.1 Технического задания;

– Верстка веб-страниц Сайта на основе разработанных дизайн-макетов;

– Верстка веб-страниц Сайта на основе предоставленных Заказчиком дизайн-макетов;

– Внедрение разработанных Исполнителем веб-страниц;

– Наполнение сайта графическим материалом в  соответсвии с требованиями пункта 6.6.1 Технического задания;

–  Наполнение сайта текстовым материалом в соответствии с требованиями пункта 6.6.2 Технического задания;

– Наполнение фотоматериалом в соответствии с требованиями пункта 6.6.1 Технического задания;

– Наполнение сайта аудио- и видеоматериалом в соответствии с требованиями пункта 6.6.3 и 6.6.4 Технического задания;

– Размещение Сайта и всех сопутсвующих информационных материалов на веб-сервере Исполнителя и конфигурирование веб-сервера для обеспечения работоспособности и доступности сайта в соответствии с требованиями пунктов 5.6 и 5.7 Технического задания;

3.Краткая характеристика области применения

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

4.Основание для разработки

Основанием разработки Сайта является Заголовок договора №№ Договора от Дата заключенияг.

5.1.Цели разработки

 Цель разработки – создание тематического сайта о Тематика сайта для Заказчика.

5.2.Эксплуатационное назначение

Сайт предназначен для использования в сети Интернет.

Назначение Сайта:

– обеспечение доступа к опубликованной на Сайте информации;

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

– обеспечение возможности поиска и просмотра информации о Тематика сайта размещенной на Сайте.

5.3.Функциональное назначение

Сайт должен предоставлять администратору возможность:

– добавлять, редактировть, удалять информацию представляемую на страницах сайта;

– управлять структурой сайта;

– добавлять, удалять страницы сайта.

Сайт должен предоставлять посетителю Сайта возможность:

– просматривать опубликованные на Сайте информационные материалы;

– осуществлять переход между страницами сайта.

6.1.1.Требования к составу и структуре данных

Состав и структура данных размещаемых на Сайте представлена как перечень информационных элементов (таблица 1) и перечень составных информационных элементов (таблица 2).

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

Составные информационные элементы также имеют атрибуты.

Таблица 1 – Информационные элементы Сайта

Информационный элементаАтрибуты информационного элемента
1

Таблица 2 – Составные информационные элементы

Составной информационный элементАтрибуты информационного элемента
1

6.1.2.Требования к функциональному составу

Требования к функциональному составу Сайта представлены как перечень функций и их описаний (таблица 3);

 Таблица 3 – Функциональный состав Сайта

НаименованиеНазначение
1

6.2.Требования к составу страниц и структуре Сайта

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

РазделПодразделСтраница

6.3.1.Требования к  оформлению страниц Сайта

Дизайн-макеты страниц Сайта разрабатываются Исполнителем в соответствии следующим требованиям:

Общий стиль оформления страниц Сайтастиль оформления страниц
Основной цвет фонацвет фона
Цветовая гамма элементов композицииЦветовая гамма и насыщенность
Цветовая и тоновая контрастность композицииЦветовая и тоновая контрастность
ФормообразованиеФормообразование
Применяемые шрифтыШрифты
Размер страницы в ширину (px)ширина страницы
Значение требования 

6.3.2.Описание главной страницы

 Структура главной страницы:

Шапка
Левая колонкаОсновная частьПравая колонка
Подвал

Элементы отображаемые в области “Шапка”:

Элементы отображаемые в области 'Шапка'.

Элементы отображаемые в области “Подвал”:

 Элементы отображаемые в области 'Подвал'.

Элементы отображаемые в области “Основная часть”:

 Элементы отображаемые в области 'Основная часть'.

6.3.3.Описание внутренних страниц

Структура внутренней страницы:

Шапка
Левая колонкаОсновная часть
Подвал

Элементы отображаемые в области “Шапка”:

Элементы отображаемые в области 'Шапка'.

Элементы отображаемые в области “Подвал”:

 Элементы отображаемые в области 'Подвал'.

Элементы отображаемые в области “Основная часть”:

 Элементы отображаемые в области 'Основная часть'.

6.3.4.Требования к верстке веб-страниц Сайта

 Исполнитель осуществляет верстку веб-страниц Сайта на основе разработанных дизайн-макетов в соответствии следующим требованиям:

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

Веб-браузерВерсия
Internet Explorer
Mozilla Firefox
Safari
Opera
Google Chrome

Ширина веб-страниц нефиксированная. Минимальная ширина страницы составляет: Минимальная ширина страницы точек, максимальная ширина страницы составляет Максимальная ширина страницы;

Для разработки интерактивных и анимированных элементов веб-страниц Сайта могут быть использованы только средства веб и CSS. Использование других технологий и языков программирования только по согласованию с Заказчиком.

 Файлы веб-страниц, CSS, javascript должны содержать комментарии для обозначения выполняемой кодом функции;

Файлы Сайта должны использовать кодировку win-1251 .

6.4.Требования к CMS

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

6.4.2.Требования к функциональному составу CMS:

6.4.2.1.Требования к функциям управления контентом Сайта:

–  CMS должна позволять администратору Сайта публиковать, редактировать, удалять контент;

6.5.Требования к доменному имени Сайта

Максимальное число символовМаксимальное число символов 
Используемый алфавитАлфавит 
Доменная зонаДоменная зона 
Доменное имя должно ассоциироваться сАссоциации 

6.6.1. Требования к графическим и фотоматериалам Сайта

Все изображения и фото объемом более 1 kb (кроме элементов дизайна страницы) должны быть выполнены с замещающим текстом.

Файлы изображений и фотографий должны храниться в отдельной директории.

Именование файлов изображений должно быть осмысленным.

Изображения должны соответствовать следующим требованиям:

Допустимые форматы изображенийФормат изображения 
Максимальный размер файла изображенияРазмер файла 
Минимальное разрешение изображенияМинимальное разрешение 
Максимальное разрешение изображенияМаксимальное разрешение 

6.6.2. Требования к текстовым материалам Сайта

Уникальность текстаУникальность текста в % 
Максимальная длина статьиМаксимальная длина статей 
Минимальная длина статьиМинимальная длина статей 
Стилистика текстаСтилистика текста 
Число статейЧисло статей 

6.6.3. Требования к аудиоматериалам

Допустимые расширения файлов аудиоРасширения 
Минимальный битрейт файлов аудиоМинимальный битрейт 
Максимальный битрейт файлов аудиоМаксимальный битрейт 
Максимальный размер файлов аудиоМаксимальный размер 

6.6.4.Требования к видеоматериалам

Допустимые расширения файлов видеоРасширения 
Минимальный битрейт файлов видеоМинимальное разрешение 
Максимальный битрейт файлов видеоМаксимальное разрешение 
Максимальный размер файлов видеоМаксимальный размер 

6.7.Требования к лингвистическому обеспечению

 Сайт должен быть выполнен на следующих языках:

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

7.1.Порядок передачи результата разработки

По окончании разработки Исполнитель должен предоставить Заказчику результат разработки в составе:

– Файлы страниц Сайта, включая файлы веб, CSS, JavaScript;

– Дамп-файл базы данных Сайта;

– Файлы графических материалов;

– Файлы текстовых материалов;

 Подписи сторон:

От имени Заказчика __________ Фамилия и инициалы

Источник: https://www.seocom.ru/nasha-analitika/tekh-zadaniya-na-razrabotku/

Все необходимые права
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: