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

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

• Аудит текущего сайта (если он есть). Что на нем работает хорошо, а что категорически не устраивает? Соберите отзывы от отдела продаж, маркетинга и даже действующих клиентов.
• Анализ конкурентов. Выберите 3-5 сайтов компаний, чьи digital-позиции вам нравятся. Что у них сделано гениально? Что можно сделать лучше? Это не для копирования, а для формирования вектора.
• Сессия по целевым аудиториям (ЦА). Кто ваш клиент? Не абстрактный «директор завода», а конкретные персонажи:

1. Технический специалист (Инженер-конструктор, Технолог): Его интересуют ТТХ, чертежи, ГОСТы. Ему нужен быстрый доступ к технической документации.
2. Коммерческий специалист (Специалист по закупкам, Менеджер): Его интересует цена, сроки, условия оплаты, логистика. Ему нужны кейсы, отзывы и репутация.
3. Первое лицо (Директор, Собственник): Его интересует стратегическая выгода, надежность партнера, репутация. Ему нужна информация о компании, философии, масштабах.

• Формулировка целей по SMART. Цель «увеличить продажи» — не цель. Цель: «Увеличить количество качественных заявок с сайта на 30% за 6 месяцев после запуска».

Раздел 1: Вводная часть (Контекст и Цели)

• О компании: 2-3 абзаца о том, чем вы занимаетесь, ваши ключевые рынки и продукты.
• Проблема: Какую бизнес-проблему должен решить новый сайт? («Мы теряем заявки, потому что текущий сайт не адаптирован под мобильные устройства», «Клиенты не понимают наш ассортимент услуг»).
• Цели сайта (по SMART): См. выше.
• Целевые аудитории: Подробное описание персонажей из п.3 предыдущей главы.

Раздел 2: Структура и содержание сайта (Самое объемная часть)

• Заголовок H1: «Лазерная резка металла»
• Блок 1: Текст-введение, объясняющий суть услуги и ее преимущества для клиента.
• Блок 2: Таблица с техническими возможностями (Макс. толщина для стали, нержавейки, алюминия; размеры стола; точность).
• Блок 3: Примеры работ (галерея из 10-15 фото готовых деталей).
• Блок 4: Преимущества именно нашей резки (Используем оборудование Mazak, обеспечиваем чистоту реза, отсутствие грата).
• Блок 5: Форма для расчета стоимости (с полями: Материал, Толщина, Файл с чертежом).
• Обязательные элементы: Хлебные крошки, кнопка «Вернуться в раздел «Услуги»», кнопка «Скачать презентацию по услуге (PDF)».

Раздел 3: Функциональные требования («Мозги» сайта)

• Система управления (CMS): Указать желаемую (например, «1С-Битрикс» или WordPress). Обосновать, почему.
• Формы обратной связи: Описать, какие поля должны быть в каждой форме (например, форма «Заказать звонок»: Имя, Телефон; форма «Получить КП»: Имя, Телефон, Компания, Сообщение с прикреплением файла).
• Интеграции: Требуется ли интеграция с CRM (указать, с какой именно), с 1С, с системой колл-трекинга.
• Личный кабинет клиента: Описать его функционал (история заказов, статусы, скачивание документов).
• Поиск по сайту: Должен ли быть? Должен ли он искать в том числе по PDF-документам?
• SEO-базовая настройка: Прописать необходимость ЧПУ (человекопонятных URL), настройки title и description, создания карты сайта sitemap.xml.

Раздел 4: Технические требования

• Адаптивность: Сайт должен корректно отображаться на устройствах с шириной экрана от 320px (мобильные) до 1920px+ (десктоп).
• Скорость загрузки: Ориентироваться на показатели PageSpeed Insights (желательно 80+ баллов для десктопа и мобильных).
• Безопасность: Защита от XSS-атак, SQL-инъекций, регулярное обновление ядра CMS.
• Хостинг: Требования к серверу (например, поддержка PHP 8.x, MySQL 5.7+).

Раздел 5: Дизайн и юзабилити

• Референсы: Приложить ссылки на 3-5 сайтов, дизайн которых вам нравится. Обязательно написать, ЧТО именно: «нравится строгость цветовой гаммы», «нравится как организована навигация», «нравится использование крупных фото».
• Корпоративный стиль: Приложить бренд-бук (если есть) с логотипами, фирменными цветами, шрифтами.
• Пожелания по стилю: «Мы хотим, чтобы дизайн передавал надежность, технологичность и мощь. Использовать больше фото реального производства, избегать стоковых изображений».
• Юзабилити-требования: «Путь от главной страницы до формы заявки на услугу не должен превышать 3 кликов».

1. Права на контент. Кто предоставляет тексты и фотографии? Вы или подрядчик? Это должно быть четко прописано. Часто проект встает на месяцы, потому что клиент не может собрать контент.
2. Прототипирование. Обязательный этап! Требуйте от подрядчика предоставить не просто дизайн, а кликабельный прототип (черно-белую схему), где видна вся структура и логика. Это дешевле и быстрее исправлять на этапе прототипа, чем переделывать готовый дизайн. (Этой теме мы посвятим отдельную статью).
3. Тестовое наполнение. Пропишите, что перед запуском подрядчик должен заполнить одну типовую страницу (например, услуги) ВСЕМ контентом (текст, фото, PDF), чтобы вы могли утвердить итоговый вид.
4. Обучение. Включите пункт о проведении обучения для ваших сотрудников работе с админкой сайта.
5. Техническая поддержка. Четко пропишите ее условия на первые 3-6 месяцев: что входит, сроки реакции, стоимость.

1. Проведен внутренний аудит и анализ конкурентов
2. Определены и описаны целевые аудитории
3. Сформулированы цели по SMART
4. Подробно расписана структура ВСЕХ страниц
5. Описаны функциональные требования (CMS, формы, интеграции)
6. Сформулированы технические требования (адаптив, скорость)
7. Предоставлены дизайн-референсы и бренд-бук
8. Прописаны условия по контенту (кто и что предоставляет)
9. Включен этап прототипирования
10. Прописаны условия обучения и техподдержки