Изображение Пример техзадания

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

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

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

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

Все это четко прописано в ТЗ!

Давайте посмотрим пример техзадания на сайт по деревянным домам: 

Разработка сайта на CMS [название_CMS] с индивидуальным дизайном и адаптивной версткой под мобильные устройства, чистый валидный программный код, грамотная структура.

Этап

Наименование услуги

1

Проектирование индивидуального дизайна сайта (в многослойном редактируемом формате psd)

1.1

Прототипирование (эскизная концепция) сайта с каталожной структурой:

  1. Главная (2 варианта)
  2. О компании
  3. Каталог проектов
  4. Проект подробно
  5. Портфолио работ
  6. Работа подробно
  7. Производство
  8. Этапы работ
  9. Отзывы
  10. Прайс (услуги и цены)
  11. Статьи
  12. Статья подробно (текстовая страница)
  13. Контакты

1.2

Редизайн, стилизация логотипа компании

1.3

Индивидуальный дизайн десктопной версии (десктоп, планшет в ландшафтной ориентации):

  1. Главная (2 варианта)
  2. О компании
  3. Каталог проектов
  4. Проект подробно
  5. Портфолио работ
  6. Работа подробно
  7. Производство
  8. Этапы работ
  9. Отзывы
  10. Прайс (услуги и цены)
  11. Статьи
  12. Статья подробно (текстовая страница)
  13. Контакты

1.4

Индивидуальный дизайн мобильной версии (смартфон):

  1. Главная (2 варианта)
  2. О компании
  3. Каталог проектов
  4. Проект подробно
  5. Портфолио работ
  6. Работа подробно
  7. Производство
  8. Этапы работ
  9. Отзывы
  10. Прайс (услуги и цены)
  11. Статьи
  12. Статья подробно (текстовая страница)
  13. Контакты

1.5

Индивидуальный дизайн планшетной версии (планшет в портретной ориентации):

  1. Главная (2 варианта)
  2. О компании
  3. Каталог проектов
  4. Проект подробно
  5. Портфолио работ
  6. Работа подробно
  7. Производство
  8. Этапы работ
  9. Отзывы
  10. Прайс (услуги и цены)
  11. Статьи
  12. Статья подробно (текстовая страница)
  13. Контакты

1.5

Дизайн баннера для сайта (для слайдера на главной странице сайта) — 3 шт.

1.6

Использование лицензионных фото для дизайна.

2

Верстка и программирование

2.1

Верстка (html/css/js) дизайна сайта, адаптивная под мобильные устройства, валидная, кроссбраузерная.

2.2

Верстка под смартфон согласно дизайна мобильной версии.

2.3

Верстка под планшет согласно дизайна планшетной версии.

2.4

Установка и настройка CMS (системы управления сайтом [название_CMS]) с возможностью редактирования информации на сайте через административную панель.

2.5

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

2.6

Настройка основных полей описания каждой страницы: title, description, keywords, h1.

2.7

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

2.8

Каталог Проектов с набором параметров: изображение, наименование краткое/подробное,  описание краткое/подробное, площадь, цена 1, цена 2, планировки, комплектация, фотогалерея. С возможностью добавления/изменения через административную панель.

Динамически формируемый Список проектов с фильтром поиска и сортировки.

Карточка детального описания проекта.

2.9

Фильтрация и поиск проектов в каталоге по параметрам (площадь, цена, характеристики).

2.10

Печатная версия страницы проекта.

2.11

Разработка форм обратной связи. Отправка формы на email администратора (Заказчика):

  1. Заказать звонок (имя, телефон)
  2. Внести изменения в комплектацию (имя, тел, емайл, сообщение)
  3. Заказать проект (имя, телефон, емайл, задание на проект, прикрепить файл)
  4. Узнать стоимость (имя, тел, емайл, прикрепить файл)
  5. Получить консультацию (имя, телефон, сообщение)
  6. Заказать в 1 клик (имя, телефон)

Установка и настройка "капчи" (графическая ReCaptcha от Google).

Программирование «всплывающих» модальных элементов (всплывающие модальные окна для форм обратной связи).

2.12

Приведение сайта в соответствие с Федеральный закон от 27.07.2006 N 152-ФЗ (ред. от 22.02.2017) "О персональных данных": размещение на сайте Политики конфиденциальности (типовая, либо предоставляется Заказчиком) / уведомление об обработке персональных данных при отправке заявки с сайта в виде "галочки" / получение согласия на обработку (до отправки формы, либо форма не будет отправлена)

2.13

Отправка копии письма на email Клиента (если он указал контактный емайл). Верстка простого письма Клиенту (простое текстовое письмо).

2.14

Каталог Статей с набором параметров: изображение, наименование краткое/подробное,  описание краткое/подробное. С возможностью добавления/изменения через административную панель.

Динамически формируемый Список статей с кратким описанием.

Карточка детального описания статьи.

2.15

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

2.16

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

Динамически формируемый  Список отзывов с кратким описанием.

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

2.17

Программирование «всплывающих» модальных элементов (всплывающие модальные окна для форм обратной связи).

2.18

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

Динамически формируемый  Список альбомов с кратким описанием.

Детальный просмотр альбома.

2.19

Разработка SEO-правильной структуры и вывода основного меню сайта («верхнее меню»), адаптированного под мобильные устройства.

2.20

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

2.21

Настройка административной панели сайта для самостоятельного обслуживания сайта контент-менеджером:

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

3

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

3.1

Регистрация доменного имени в зоне COM.

3.2

Высокопроизводительный хостинг [название_хостинга].

3.3

Настройка корпоративной почты на домене.

4

Публикация сайта в сети Интернет, наполнение, базовая оптимизация

4.1

Установка счетчиков статистики и аналитики посещений сайта.

4.2

Настройка ЧПУ (человеко-понятные url адреса, для SEO).

4.3

Наполнение страницы Контакты (с использованием разметки schema.org).

4.4

Наполнение (текстово-графическая страница А4 в 100% масштабе, до 10 шт. А4), по материалам Заказчика. Вычитка, форматирование текста, оптимизация изображений.

4.5

Создание и настройка технических файлов:

  1. Sitemap.xml
  2. Robots.txt
  3. .htaccess (настройка склейки www)

4.6

Перевод сайта на https.

Сроки разработки (обязательно укажите в ТЗ):

  1. Прототипы: 10-12 дней
  2. Дизайн на основании прототипов: 20 дней
  • 1-й вариант 7 дней (после предоставления всей необходимой информации и фото).
  • 2-3 дня на внесение корректировок. Контрольные правки.
  • 2-3 дня на внесение правок. Согласование.
  • Последующие варианты – аналогично.
  1. Верстка и программирование. Публикация в Интернете: 25 дней (с момента принятия дизайна, без наполнения)