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

1. Общие сведения

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

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

Цели проекта

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

Целевая аудитория

• Снабженцы и закупщики промышленных компаний, которым нужно сравнить производителей и получить КП.
• Технические специалисты и конструкторы, которые ищут характеристики, ГОСТы, чертежи и допуски.
• Дилеры и дистрибьюторы, оценивающие завод как партнёра.
• Соискатели на рабочие и инженерные позиции.

Как поймём, что сайт работает

Цифры ниже — ориентиры для обсуждения. Точные значения фиксируются на старте проекта по данным Яндекс Метрики и CRM заказчика, а замеряются через 1, 3 и 6 месяцев после запуска.

• Количество запросов на КП и расчёт в месяц; доля запросов, дошедших до договора.
• Доля поискового трафика по коммерческим запросам с названием продукта.
• Число скачиваний каталога, сертификатов и опросных листов.
• Глубина просмотра и время на страницах каталога.

2. Структура сайта

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

Главная

• Первый экран: что производит завод, для каких отраслей, кнопка «Запросить КП».
• Цифры предприятия: год основания, площадь, парк оборудования, объём выпуска.
• Основные группы продукции, преимущества, ключевые клиенты, последние новости.

О заводе

• История и география поставок, структура предприятия.
• Руководство и ключевые специалисты.
• Сертификаты (ISO, отраслевые допуски), лицензии, реквизиты.

Каталог продукции

• Разделы и карточки изделий с техническими характеристиками, материалами, ГОСТ/ТУ и вариантами исполнения.
• Файлы для скачивания: паспорт, чертёж, опросный лист, каталог в PDF.
• Кнопка «Рассчитать стоимость» и форма запроса прямо в карточке.
• Фильтр по типу, размерам, материалу, отрасли применения.

Производство

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

Услуги и производство на заказ

• Что завод делает по чертежам заказчика: допустимые материалы, размеры, партии, сроки.
• Как передать задание: форма с загрузкой чертежей до 50 МБ.

Клиенты и проекты

• Логотипы клиентов, реализованные поставки с коротким описанием задачи и результата.
• Отзывы и благодарственные письма в виде сканов.

Новости и вакансии

• Лента новостей: выставки, расширение производства, новые сертификаты.
• Вакансии с откликом через форму.

Контакты

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

3. Функциональные требования

Каталог и поиск

• Поиск по названию, артикулу и марке материала с подсказками.
• Сравнение до четырёх изделий по характеристикам.
• Сохранение набора позиций в «запрос КП» — вместо корзины: клиент собирает список и отправляет одной заявкой.

Документы

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

Языки

• Русская версия обязательна. Английская — для страниц «О заводе», каталога и контактов, если завод работает на экспорт.

Формы и заявки

• Каждая форма содержит не больше трёх обязательных полей: имя, телефон, комментарий. Остальное — необязательное.
• Маска телефона, проверка адреса почты, защита от спама без капчи, которая мешает человеку (скрытое поле-ловушка, ограничение частоты отправки).
• Обязательный чекбокс согласия на обработку персональных данных со ссылкой на политику; чекбокс не отмечен по умолчанию.
• После отправки — понятное сообщение на странице и цель в Яндекс Метрике; заявка приходит на почту ответственного сотрудника и дублируется в CRM или мессенджер.
• Заявка сохраняется в админке сайта, даже если почта в этот момент недоступна.

4. Дизайн и удобство

• Визуальный язык — строгий и предметный: реальные фотографии цехов и продукции, а не стоковые рукопожатия.
• Технические данные подаются в таблицах и схемах, которые удобно читать на телефоне (горизонтальная прокрутка внутри таблицы, закреплённый первый столбец).
• Дизайн делается под три основные ширины: 360, 768 и 1440 пикселей; промежуточные размеры проверяются на этапе вёрстки. Первым рисуется мобильный экран — на него приходится большая часть трафика.
• Основное действие страницы (позвонить, оставить заявку, купить) видно на первом экране без прокрутки и повторяется после каждого смыслового блока.
• Размер основного текста не меньше 16 px, контраст текста и фона не ниже уровня AA по WCAG 2.1, кнопки и ссылки не меньше 44 × 44 px на телефоне.
• Заказчик получает макеты ключевых страниц в Figma; правки согласуются в два круга на каждый макет.

5. Контент

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

• Профессиональная съёмка цехов, оборудования и готовой продукции — не меньше 40 кадров; видео экскурсия по заводу до 2 минут.
• Технические характеристики всех изделий в таблицах Excel; чертежи в PDF или DWG, паспорта, сертификаты в PDF.
• Тексты о заводе, истории и этапах производства; заказчик передаёт факты, тексты дорабатывает редактор.
• Список клиентов и разрешение на использование их логотипов.

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

Платформа и разработка

• Рекомендуемая платформа — 1С-Битрикс или MODX; для каталога до 500 позиций достаточно CMS без интернет-магазина, для большего объёма — каталог с выгрузкой из 1С.
• Админка на русском языке: менеджер без навыков программирования сам правит тексты, цены, контакты, добавляет страницы и материалы.
• Семантическая вёрстка HTML5, один h1 на странице, логичная иерархия заголовков, у всех изображений заполнены alt.
• Адаптивность без горизонтальной прокрутки на экранах от 320 до 2560 px. Поддержка двух последних версий Chrome, Safari, Firefox, Edge и Яндекс Браузера.

Скорость

• Largest Contentful Paint не больше 2,5 секунды, Cumulative Layout Shift не больше 0,1, Interaction to Next Paint не больше 200 мс — по данным PageSpeed Insights для мобильных.
• Изображения в WebP или AVIF с ленивой загрузкой, размеры заданы в разметке; шрифты хранятся на сайте, не больше двух начертаний.
• Скрипты аналитики и чатов загружаются после основного контента и не блокируют отрисовку.

Безопасность и закон

• Сайт работает только по HTTPS, http перенаправляется на https одним редиректом.
• Ежедневная резервная копия сайта и базы данных, хранение не меньше 14 дней, проверка восстановления на этапе запуска.
• Пароли администраторов — длинные и уникальные, вход в админку защищён ограничением числа попыток; доступы передаются заказчику в день приёмки.
• Политика обработки персональных данных (152-ФЗ) и баннер cookie: метрика и сторонние скрипты не запускаются до согласия там, где это требуется.
• Если продукция сертифицируется, на карточках указываются номера и сроки действия сертификатов.

7. Интеграции

• CRM (Битрикс24, amoCRM): заявка с сайта создаёт сделку со ссылкой на изделие и прикреплёнными чертежами.
• Выгрузка номенклатуры и остатков из 1С, если каталог велик (CommerceML).
• Телефония и коллтрекинг для отслеживания звонков с сайта.
• Яндекс Метрика, Вебмастер, карты Яндекса.

8. SEO-требования

Поисковая оптимизация закладывается при проектировании структуры, а не добавляется после запуска. Что делаем в рамках разработки:

• Собираем семантику и распределяем запросы по страницам до утверждения структуры. Ключевые направления: производство + название изделия + регион; изделие + «от производителя» / «завод»; изделие + ГОСТ / ТУ / размеры; изготовление по чертежам.
• Уникальные title, description и H1 для каждой страницы; человекопонятные адреса без служебных параметров; хлебные крошки на внутренних страницах.
• Микроразметка schema.org: Organization, Product (с характеристиками), BreadcrumbList, JobPosting для вакансий.
• XML-карта сайта и robots.txt, канонические адреса, страница 404 с полезными ссылками, склейка адресов с www и без, со слэшем и без.
• Если у заказчика уже есть сайт: выгрузка старых адресов, таблица соответствия и постраничные 301-редиректы до выкладки, чтобы не потерять позиции и трафик.
• Подключение Яндекс Метрики и Вебмастера, настройка целей: отправка формы, звонок по клику на номер, клик по мессенджеру, переход к ключевым страницам.

9. На что обратить внимание в этом проекте

• Закупщик просит документы: сертификаты, паспорта, опросные листы должны скачиваться без регистрации.
• Характеристики продукции нельзя оставлять «примерными» — на сайт идут только подтверждённые данные.
• Для многих изделий цена зависит от объёма: вместо «цена по запросу» показывайте «от …» или ориентир за единицу при типовой партии.

10. Этапы и сроки

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

1. Аналитика и структура — 2 недели. Результат: согласованные структура, прототипы ключевых страниц и семантическое ядро
2. Дизайн — 3 недели. Результат: макеты в Figma для десктопа и телефона, два круга правок
3. Вёрстка и разработка — 4–6 недель. Результат: сайт на тестовом домене с админкой и формами
4. Наполнение и интеграции — 2–3 недели. Результат: загруженный контент, подключённые CRM, почта и аналитика
5. Тестирование и приёмка — 1–2 недели. Результат: закрытый список замечаний, подписанный акт
6. Запуск — 1 неделя. Результат: сайт на боевом домене, редиректы, проверка индексации

11. Порядок приёмки

• Приёмка проходит на тестовом домене по чек-листу, который заказчик получает заранее: страницы, формы, адаптивность, скорость, аналитика, редиректы.
• Замечания собираются в одном списке и делятся на критичные (мешают работе сайта) и пожелания. Критичные исправляются бесплатно и в первую очередь.
• Сайт считается принятым, когда закрыты все критичные замечания, формы доставляют заявки, а PageSpeed на главной и ключевых страницах укладывается в требования раздела 6.
• Гарантийный период — 3 месяца: ошибки, найденные в этот срок, исправляются без доплаты.

12. Что получает заказчик

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