1. Главная
2. Кейсы
3. Спецтехника под задачу
4. Техническое задание

Техническое задание на справочник-подборщик спецтехники

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

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

Назначение	Справочник «какая спецтехника нужна под задачу» для частного дома, дачи и небольшой стройки в Великом Новгороде и области, плюс страница о вызове эвакуатора.
Аудитория	Хозяин участка, который собирается заказать экскаватор, самосвал, манипулятор, кран или эвакуатор и не знает, какая машина нужна.
Главная задача	По задаче получить машину, проверить, пройдёт ли она во двор, и знать, что спросить у диспетчера.
Чем не является	Диспетчерской и прокатом: машин, цен, ставок, телефонов и форм заказа нет. На первом экране — «Не диспетчерская и не прокат».
Язык	Русский.

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

• / — главная: задачи, проезд и размеры, дороги весной, счёт, подготовка, вопросы
• /evakuator/ — эвакуатор: ситуация и текст для звонка, платформы, фото до погрузки, счёт, вопросы

Навигация — липкая левая полоса из восьми иконок с подписями: Главная, Задачи, Проезд и размеры, Дороги весной, Счёт, Подготовка, Эвакуатор, Вопросы. На главной подсвечивается текущий раздел при прокрутке.

3. Главная страница

1. Первый экран: заголовок «Какая техника нужна под вашу задачу», город, вводка, «Не диспетчерская и не прокат», фото мини-экскаватора в узких воротах под проводами.
2. Подборщик: семь плиток задач и панель ответа (раздел 4.1).
3. «Пройдёт ли техника во двор»: SVG-ворота с проводами, два ползунка, шесть машин спереди в масштабе и человек (4.2).
4. «Весной дороги закрывают для тяжёлых»: полоса март–май с зоной ограничения, 24 т и 12 т, список машин тяжелее 12 т, карточка «Как проверить свою дорогу» (4.3).
5. «Из чего складывается счёт»: четыре поля и полосы «как растёт сумма» (4.4).
6. «До приезда машины»: четыре карточки-отметки, «Готово n из 4», отметки хранятся в браузере.
7. Тёмный баннер со ссылкой на /evakuator/, частые вопросы — четыре раскрывающихся ответа.

4. Интерактив главной

4.1. Подборщик

Задачи: траншея под водопровод, котлован под дом, вывоз грунта и мусора, расчистка от пней, привезти песок или щебень, поднять плиты или блоки, перевезти машину. Клик → машина сбоку (въезжает слева), «почему», альтернатива, по четыре пункта «что подготовить» и «что спросить у диспетчера». Переключатель «Проезд уже 2,8 м или над ним провода» меняет машину и пояснение. Выбранная задача хранится в браузере, переключатель — нет.

4.2. Проезд

Машина (пример модели)	Ширина × высота, м	Масса, т
Мини-экскаватор (Kubota U27-4)	1,50 × 2,43	2,7
Экскаватор-погрузчик (JCB 3CX)	2,35 × 3,61	8,4
Самосвал (КАМАЗ 65115)	2,50 × 3,00	25,2
Манипулятор (КАМАЗ 65117 + КМУ)	2,55 × 3,80	24
Автокран («Ивановец» КС-45717)	2,55 × 3,74	20,5
Эвакуатор (ГАЗон Next)	2,34 × 2,55	8,7

• Ползунки: ширина проезда 2–5 м, шаг 0,1 (по умолчанию 2,8); высота проводов 2,5–6 м (по умолчанию 4,0).
• Правило: проходит, если ширина машины + 2 × 0,2 м не больше ширины проезда и высота + 0,5 м не выше проводов. Запас подписан «ориентир редакции».
• У каждой машины ✓ или ✕, у не прошедших — причина в подсказке. Клик ставит машину в проём: рамка габарита зелёная или красная, плашка размера краснеет по параметру, который не прошёл. Под рядом — габариты, масса и «нужен проезд от X м / провода выше Y м» с округлением вверх до 0,1 м. Для крана и манипулятора — оговорка про стрелу под проводами.

4.3. Весна

Список «тяжелее 12 т» строится из масс таблицы 4.2: самосвал, манипулятор, автокран. Для мини-экскаватора — оговорка, что его везут на трале и считается масса тягача с тралом. Метка «сегодня» на полосе показывается только с 1 марта по 31 мая.

4.4. Счёт в часах

• Поля: подача P, минимальная смена M, работа W, простой S, в часах. Ставок нет.
• К оплате = P + max(M, W) + max(0, W + S − max(W, M)): простой оплачивается только сверх неиспользованного остатка смены.
• Пояснение: если работы меньше смены — сколько часов оплачено «впустую» и поместился ли в них простой; если простой вышел за смену — сколько он добавил; иначе — «Смена закрыта работой целиком».

5. Страница «Эвакуатор»

1. Первый экран: крошки, заголовок «Эвакуатор: что сказать диспетчеру», вводка, фото эвакуатора на зимней обочине.
2. Ситуация → текст для звонка. Семь ситуаций, можно несколько: на ходу, не заводится, после ДТП, колесо заблокировано, низкая посадка, полный привод или автомат, в снегу; «на ходу» и «не заводится» исключают друг друга. Текст: приветствие, место, марка, строки выбранных ситуаций, где стоит, куда везти, вопрос про платформу, подачу и время. В квадратных скобках подсвечено то, что знает только звонящий; новая строка мигает. Поле редактируется, кнопка «Скопировать» кладёт текст в буфер. Выбор хранится в браузере, по умолчанию — «не заводится».
3. Платформы: ломаная, сдвижная, частичная. По каждой ситуации — подходит, с оговоркой или не подходит; итог — худшее из выбранного, с причинами. «Просите эту» — первая подходящая в порядке ломаная → сдвижная → частичная, при низкой посадке сдвижная идёт первой. Частичная не подходит после ДТП, при заблокированном колесе, полном приводе или автомате.
4. «Перед погрузкой — 6 фото»: седан сверху с шестью точками; клик по точке или пункту списка открывает подсказку, «Снял — отметить», шкала n из 6, после отметки — переход к следующему неснятому. Отметки хранятся в браузере.
5. «Из чего складывается счёт»: эвакуатор едет по дороге вместе с прокруткой, остановки загораются по очереди — подача, ожидание, сложная погрузка, километраж, ночь и праздники.
6. Частые вопросы: четыре раскрывающихся ответа.

6. Источники чисел

Числа — только с источником; запасы на проезд подписаны как ориентир редакции.

• Габариты и массы — карточки производителей и дилеров для конкретных моделей (таблица 4.2), на сайте подписаны «пример модели».
• Весенние ограничения 2026 года: 1–30 апреля, региональные дороги; по асфальту — свыше 24 т фактической массы, по грунтовым, гравийным и щебёночным — свыше 12 т (Минтранс Новгородской области). Номер распоряжения на сайте не назван: оно выходит каждый год заново, поэтому подано как «проверяйте в марте».
• Не ставится: нагрузка на ось (первоисточник не найден), углы въезда платформ, тарифы и время подачи эвакуатора. Можно ли везти полный привод и автомат с колёсами на земле — «по руководству к машине, по умолчанию полная погрузка».

7. Дизайн

Индустриальный стиль: бетонный фон с точечной фактурой, тёмная левая полоса, сигнальный оранжевый #F28C28, заголовки капслоком с эффектом «вытертой краски», штриховка по краям баннера и в подвале. Шрифты: Oswald для заголовков, Commissioner для текста. Фото первых экранов, машины спереди и сбоку, пиктограммы задач в технике гравюры, платформы эвакуатора и седан сверху — сгенерированные изображения в webp. Сцена ворот (столбы, забор, ели, провода, размерные линии) рисуется кодом в SVG, иконки и человек 1,8 м — тоже SVG. Анимации: появление блоков, въезд машины в подборщике, переворот ✓/✕, подсветка новой строки звонка, эвакуатор на дороге при прокрутке. При настройке «уменьшить движение» всё отключается.

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

• Статические страницы: HTML, CSS, JavaScript без библиотек; подборщик, проверки и счёт работают в браузере, без сервера.
• Шрифты и все файлы — на своём сервере, сторонних запросов нет.
• Адаптивность: контрольные точки 1100 и 760 px. На телефоне полоса навигации уходит вниз горизонтальной панелью высотой 64 px, одна колонка, задачи по две в ряд, машины по четыре.
• SEO: свой title и description у каждой страницы, canonical, schema.org (WebSite, BreadcrumbList), картинки для соцсетей 1200 × 630, sitemap.xml, robots.txt.
• Доступность: один H1 на странице, alt у содержательных картинок, подписи у иконок навигации.

9. Приёмка

Проверка	Ожидаемый результат
Проезд по умолчанию: 2,8 м, провода 4,0 м	Проходят мини-экскаватор и эвакуатор; погрузчик — ✕ по высоте, самосвал, манипулятор и автокран — ✕ по ширине
Задача «котлован», включить «узкий проезд»	Погрузчик сменяется мини-экскаватором с пояснением
Счёт по умолчанию: 1 / 4 / 5 / 1,5 ч	7,5 ч, «Простой добавил 1,5 ч»
Счёт: работа 2 ч, простой 1 ч	5 ч, «2 ч оплачены „впустую“, простой в них поместился»
Эвакуатор: «не заводится» + «низкая посадка»	Рекомендована сдвижная платформа, в тексте звонка две строки ситуаций
Отметки подготовки и фото, перезагрузка	Отметки на месте
Ширина 1440 и 390 px	Нет горизонтальной прокрутки, ошибок в консоли нет
Сторонние запросы	Нет ни одного