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

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

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

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

Цели проекта

• Получать заявки на перевозку круглосуточно, в том числе в нерабочее время.
• Показывать ориентировочную стоимость сразу после ввода маршрута и параметров груза.
• Закрепить доверие: лицензии, страхование груза, автопарк, отзывы.
• Занять поисковые запросы по направлениям («перевозка груза из … в …»).

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

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

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

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

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

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

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

Главная

• Калькулятор перевозки прямо на первом экране: откуда, куда, вес, объём, тип груза.
• Услуги, география, ключевые преимущества: страхование, отслеживание, сроки.

Услуги

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

Направления

• Страницы по основным маршрутам и городам: срок в пути, типовые ставки «от», частота отправок.

Автопарк и склады

• Типы транспорта с грузоподъёмностью и объёмом кузова; фото; адреса складов.

Тарифы и документы

• Тарифы за километр, за час, за тонну; таблицы по направлениям.
• Договор-оферта, страхование, перечень необходимых документов.

Отслеживание

• Поле «Номер заявки» и статус груза: принят, в пути, на складе, доставлен.

О компании, отзывы, блог, контакты

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

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

Калькулятор перевозки

• Ввод маршрута с подсказками городов и адресов (API карт), расчёт расстояния.
• Параметры: вес, объём, габариты, тип кузова, срочность, дополнительные услуги (погрузка, страховка).
• Результат — диапазон цены и ориентировочный срок; кнопка «Оформить заявку» переносит все данные в форму.
• Алгоритм расчёта задаёт заказчик: таблица ставок и коэффициентов, редактируемая в админке.

Личный кабинет клиента

• История заявок, статусы, документы (счета, акты, ТТН) для скачивания.
• Повтор заказа в один клик.

Отслеживание

• Статус по номеру заявки без регистрации; уведомления клиенту по почте и SMS при смене статуса.

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

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

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

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

5. Контент

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

• Таблицы ставок по направлениям и правила расчёта (минимальный заказ, коэффициенты по весу, срочности, типу груза).
• Фотографии автопарка и складов, лицензии, полисы страхования.
• Список основных направлений, по которым делаются отдельные страницы.
• Образцы документов и договор-оферта.

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

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

• Рекомендуемая платформа — 1С-Битрикс или собственная разработка на Laravel/Node с админкой; тяжёлый расчёт делается на сервере, а не в браузере.
• Админка на русском языке: менеджер без навыков программирования сам правит тексты, цены, контакты, добавляет страницы и материалы.
• Семантическая вёрстка 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. Интеграции

• Яндекс Карты (маршрут, расстояние) или DaData для подсказок адресов.
• CRM или TMS-система: заявка создаёт сделку и рейс.
• SMS- и e-mail-уведомления клиентам.
• Телефония и коллтрекинг; Яндекс Метрика с целями «расчёт», «заявка».

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

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

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

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

• Цена в калькуляторе должна совпадать с реальной. Лучше показывать диапазон «от — до» и честно писать, от чего зависит итог.
• Номер заявки, который видит клиент, не должен позволять подобрать чужие номера: используйте непоследовательные идентификаторы.

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

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

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

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

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

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

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