Техническое задание для сайта: пример и шаблон

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

Статья для владельцев малого дела, которые собираются заказать первый сайт или собрать его сами. Шаблон собран по итогам проверки на выдуманной велосипедной мастерской «Спица»: мы по одному разу попросили модель Claude составить задание двумя разными запросами, а готовое задание отдали в новый чат на сборку страницы. Если страницу собирает нейросеть по описанию, такой способ называют вайб-кодингом: это создание сайтов и программ с помощью нейросети, без ручного написания кода.

Запрос из статьи можно вставить в чат сервиса «Нейросети»: там модели Claude, GPT, Gemini и DeepSeek с оплатой в рублях, а ассистент-программист поможет разобраться в коде, если будешь собирать страницу сам. В сервисе «Нейросети» полный доступ к моделям и ассистентам - по подписке, условия и цены - на странице тарифов.

Зачем техническое задание, даже если сайт на одну страницу

Мы попробовали это на модели. На запрос «Напиши техническое задание на сайт для велосипедной мастерской» Claude прислал документ из 11 разделов: онлайн-запись, панель управления с ролями администратора и менеджера, отзывы с карт, уведомления клиенту по СМС или в мессенджере, а с пометкой «опционально» или «по желанию» ещё календарь записи, калькулятор стоимости, блог, связку с программой учёта клиентов и онлайн-кассу. Срок - около шести-семи недель. Ничего из этого мы не просили. Вопросы к заказчику модель задала в самом конце, когда документ уже был готов, и сама приписала: «Если ваша мастерская небольшая, я бы начал с минимальной версии».

Исполнитель-человек нередко поступает так же, только за деньги: каждую неясность закрывает своим решением, и вместе с решениями растут цена и срок. После сдачи всплывают три спора. Первый - о правке «по мелочи», которую исполнитель считает новой работой: о таких спорах из-за неописанного объёма работ пишут на Хабре. Второй - о приёмке, когда никто не записал, что значит «готово». Третий - о домене (адресе сайта) и хостинге (месте, где лежат файлы сайта), оформленных на исполнителя.

По правилам регистрации доменов .RU и .РФ распоряжается доменом администратор, то есть тот, на чьё имя он зарегистрирован. Продлить домен или передать его другому человеку можно только по заявке администратора, а регистратор сам не решает споры о домене: их решают с администратором или в суде. Если домен записан на фрилансера, без его участия домен не продлить, не переоформить на себя и не перенести к другому регистратору, остаётся только суд.

Задание прикладывают к договору, чтобы было понятно, что именно сделать. Цену, сроки оплаты, ответственность за срыв и права на сайт записывают в самом договоре. Исключительное право на сайт - это право распоряжаться им: менять, переносить, продавать. По статье 1296 Гражданского кодекса исключительное право на произведение, созданное по заказу, принадлежит заказчику, если договор не предусматривает иного. Это правило не действует, когда исполнитель сам автор работы, как бывает с фрилансером-одиночкой: тогда право остаётся у него, пока договор прямо не передаёт его тебе (статья 1288). Поэтому переход права на сайт лучше прямо записать в договоре. Статья не заменяет юридическую консультацию: здесь общие правила, договор под свою ситуацию проверь с юристом.

Из чего состоит техническое задание для сайта: шаблон

В шаблон вошло то, что в нашей проверке пригодилось и исполнителю, и нейросети. Пиши простыми словами: задание читает человек, который не знает твоего дела.

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

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

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

Образец технического задания для сайта мастерской «Спица»

Техническое задание: сайт велосипедной мастерской «Спица» (Тверь)

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

2. Страница по блокам сверху вниз
Одна страница, без меню и переходов на другие страницы.
- Шапка: логотип, название «Спица», одна строка о мастерской и кнопка «Написать».
- Услуги и цены: диагностика, сезонное обслуживание, замена камеры и ремонт колеса, настройка тормозов и скоростей, ремонт самокатов. У каждой услуги короткое описание и цена «от [сумма] ₽».
- Фотографии мастерской: пять штук.
- Как нас найти: [адрес], [часы работы], [телефон] и ссылка «Как добраться» на Яндекс Карты. Карту на страницу не встраиваем.
- Кнопка «Написать» внизу. Она открывает сообщения сообщества ВКонтакте.
Цвета из логотипа: тёмно-синий и жёлтый. Тексты пишет владелец, на «ты», просто.

3. Чего в первой версии нет
Форм, заявок и онлайн-записи. Статистики посещений и счётчиков. Встроенной карты. Других страниц, блога, отзывов, личного кабинета. Политики конфиденциальности, пока юрист не скажет, что она нужна (об этом пункт 6).

4. Материалы от владельца
Логотип (файл PNG), пять фотографий оригиналами файлом, тексты услуг, таблица цен, адрес, часы работы и телефон, ссылки на сообщество ВКонтакте и на карточку в Яндекс Картах.

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

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

7. Срок, правки и смена цен
Две недели от получения всех материалов, [число] кругов правок входят в работу. Владелец меняет цену сам, без знания кода, за пять минут по инструкции исполнителя.

8. Как владелец примет работу
- Сайт открывается по адресу с доменом владельца, браузер не предупреждает о небезопасном соединении.
- На телефоне страница читается без увеличения, горизонтальной прокрутки нет.
- Все пять услуг на месте, названия как у владельца, цены совпадают с таблицей.
- Адрес, часы и телефон совпадают; телефон по нажатию предлагает позвонить.
- «Как добраться» открывает мастерскую на Яндекс Картах; «Написать» открывает сообщения сообщества, тестовое сообщение доходит.
- Владелец сам меняет одну цену по инструкции и видит новое значение на сайте.
- На странице нет форм, окон со сбором данных и чужих счётчиков.

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

Как составить техническое задание с нейросетью: наша проверка

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

Образец задания в предыдущем разделе взят из этого прогона. Цены, адрес и телефон модель не придумала. То, чего мы не решили (выбор хостинга, нужна ли политика конфиденциальности, способ менять цены), она вынесла отдельным списком «Что ещё нужно решить». О политике модель спросила сама, а после нашего «политики нет» написала: «Это стоит уточнить у юриста или в поддержке хостинга». А вот противоречие между способом менять цены и проверкой приёмки она не увидела, его пришлось искать глазами.

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

Проверки из задания, которые можно сделать на самом файле, страница прошла. Форм, встроенной карты и программ, которые запускаются на странице (скриптов), в файле нет. Телефон оформлен ссылкой для звонка, пять услуг стоят с местом под цену «от», цвета тёмно-синий и жёлтый. На снимке экрана шириной с телефон текст читается без прокрутки вбок. Логотип, фотографии, адрес и ссылки остались в квадратных скобках, как просили. Модель сама предупредила, что файл в браузере не открывала, и попросила пройти проверки приёмки из задания.

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

Готовый запрос: нейросеть сначала спросит, потом составит задание

Замени текст в квадратных скобках на свой и отправь модели. Ответь на её вопросы коротко, «не знаю» тоже ответ: модель вынесет такие пункты в список нерешённого.

У меня [велосипедная мастерская в Твери], в программировании я не разбираюсь. Мне нужно техническое задание на первый сайт: [одна страница с услугами, ценами, адресом и кнопкой «Написать»]. Сайт будет делать [фрилансер / я сам с нейросетью / пока не решил].
Сначала задай мне вопросы о том, чего тебе не хватает, одним списком, не больше десяти. Ничего не придумывай за меня: ни цены, ни адрес, ни тексты, ни функции.
После моих ответов составь задание объёмом в одну страницу текста:
- зачем сайт и кто на него приходит;
- что на странице, по блокам сверху вниз;
- чего в первой версии нет;
- какие материалы даю я и в каком виде;
- на кого оформлены домен и хостинг и у кого доступы;
- собирает ли сайт данные посетителей;
- срок и сколько кругов правок входит в работу;
- по каким признакам я приму работу: проверки, которые можно сделать глазами, без знания кода.
В конце проверь задание на противоречия между пунктами и перечисли, что ещё нужно решить мне.

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

Как принять сайт по техническому заданию

1. Открой сайт на телефоне и на компьютере и пройди каждую проверку из задания. Отметь результат напротив пункта.
2. Нажми каждую кнопку и ссылку: телефон, «Написать», «Как добраться». Отправь тестовое сообщение и проверь, что оно пришло.
3. Сверь тексты, цены, адрес и часы со своими материалами.
4. Войди под своим логином в личный кабинет регистратора домена и хостинга и проверь, что администратор домена - ты. Как оформить домен на себя, мы разбирали в статье как выложить сайт в интернет.
5. Забери файлы сайта и пароли, после сдачи смени пароли, которые знал исполнитель. Где хранить пароли, чтобы они не утекли, рассказано в статье где хранить ключи доступа и пароли.
6. Всё, что не прошло, собери одним списком со ссылкой на пункт задания и отдай исполнителю.

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

Если на сайте появляется форма заявки с именем и телефоном, сайт начинает собирать персональные данные, и закон о них (152-ФЗ) требует от владельца сайта нескольких вещей. Опубликовать политику обработки данных (часть 2 статьи 18.1). Записывать и хранить данные граждан России в базах на территории России (часть 5 статьи 18). Как правило, брать у клиента согласие, оформленное отдельно от других документов (статья 9). До начала обработки уведомить Роскомнадзор, исключения из этого узкие (статья 22). Это не все обязанности, поэтому до запуска формы пункт о данных в задании сверяют с юристом.

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

Частые вопросы

Нужно ли составлять техническое задание для сайта по ГОСТ?
Для одностраничного сайта малого бизнеса не нужно. ГОСТ 34.602-2020 описывает техническое задание на создание автоматизированной системы, а по закону о стандартизации документы по стандартизации применяются добровольно, если законодательство не устанавливает иное. Обязательным для сторон стандарт становится через договор: если договор или условия закупки прямо требуют выполнить работу по стандарту, его требования становятся условиями этого договора. Ещё стандарт обязателен для исполнителя, который сам публично заявил, что работает по нему.

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

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

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

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

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

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