1. Главная
2. Кейсы
3. Kvadro Tagil
4. Техническое задание

Техническое задание на справочник о езде на квадроцикле

Пример ТЗ по кейсу «Kvadro Tagil»: справочник описан таким, каким он работает на kvadro-tagil.ru. Так выглядит документ, который мы составляем до начала работ: что на каждой странице, как считает схема, что проверяем при приёмке.

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

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

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

• / — главная: препятствие в профиле, посмотри пешком, посадка, пять ошибок, баннер про лёд, вопросы
• /led/ — лёд и берег: пешня и лёд, где нельзя совсем, признаки плохого льда, если провалился, что взять, вопросы

Навигация — вертикальный селектор КПП справа: P · R · N · H · L = Старт, Препятствие, Посадка, Ошибки, Лёд и берег. Рычаг переезжает на текущий раздел при прокрутке; клик по букве или названию — «переключение» и плавная прокрутка. В подвале — холмы и два ряда ельника, имя сайта, ссылки.

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

1. Первый экран: фото квадроцикла в глине на лесной дороге, заголовок «Квадроцикл: как проехать и не перевернуться», кнопка к схеме.
2. Препятствие в профиле: пять вкладок, живая схема, ползунок, вердикт, подсказка про вес, оговорка «ориентиры, а не паспорт машины» (раздел 4).
3. Посмотри пешком: пять карточек — мягкое дно, скрытый камень, неизвестная глубина, слабый берег, брёвна и сучья.
4. Посадка: подъём, спуск, косогор — у каждой фигуры три пункта.
5. Пять ошибок новичка: много газа, сидеть как удобно, смотреть под колёса, поворот на склоне, ехать одному.
6. Баннер «Зимой: лёд и берег» на /led/; частые вопросы — пять ответов, в том числе нужны ли права.

4. Препятствие в профиле

4.1. Препятствия и пороги

Препятствие	Диапазон, по умолчанию	Проедет / с техникой / не лезть
Подъём, спуск	5–35°, 18°	до 15° / 16–25° / больше 25°
Брод	10–80 см, 35 см	до 30 / до 50 / глубже 50 см
Колея	Глубина 5–45 см, 22 см; клиренс 18–36 см, 27 см	Зазор от 6 см / 0–5 см впритирку / меньше нуля — днище на гребне
Косогор	3–35°, 14°	до 12° / до 20° / больше 20°

Пороги — ориентиры инструктора для обычного утилитарного квадроцикла с одним человеком, на сайте так и подписано.

4.2. Расчёт

• Уклон в процентах = tg угла × 100.
• Подъём и спуск: запас до опрокидывания по статике = arctg(плечо от оси колеса до центра тяжести / высота центра тяжести) − угол склона. Центр тяжести задан двумя точками — «Сижу как в кресле» и «Вес как надо»; масштаб — колесо 25″ = 63,5 см.
• Косогор, вид сзади: колея 0,95 м, шина 0,25 м, высота центра тяжести 0,62 м; при правильной посадке центр смещён на 0,12 м в гору и на 0,03 м ниже. Запас = arctg((0,475 + 0,125 − смещение) / высота) − крен.
• Брод — вода по отметкам «ступица» и «сиденье»; колея — зазор = клиренс − глубина колеи.

4.3. Схема

SVG перерисовывается на каждое изменение: квадроцикл на склоне, центр тяжести и отвес, фактура грунта SVG-фильтром; в колее и на косогоре — вид сзади с гонщиком, нарисованный кодом. Вердикт стоит на кромке сцены и сопровождается текстом под конкретное препятствие.

5. Страница «Лёд и берег»

1. Первый экран: заголовок «Лёд и берег», блок льда в разрезе с подписями слоёв (снег, белый лёд, прозрачный лёд, вода).
2. Пешня и лёд: ползунки — прозрачный лёд 0–80 см (по умолчанию 14), белый мутный 0–40 (10), снег 0–50 (15). Разрез в масштабе, строка «Пешня пройдёт N см, в расчёт идут M см прозрачного льда». Вердикт только по прозрачному слою: от 50 см — «Держит транспорт» (технике — только по открытой переправе), 10–49 см — «Только пешком», меньше 10 см — «Не выходить». Под ползунками — источник чисел.
3. Где нельзя совсем: знак «Переезд по льду запрещён», водоохранная зона 200 м, течение и сбросы.
4. Плохой лёд — шесть признаков: полыньи и промоины, устья и родники, камыш и коряги, тёмное пятно, мутный жёлтый лёд с пузырьками, оттепель.
5. Если провалился — четыре шага по памяткам МЧС: выбросить тело на лёд, лечь горизонтально, вынести ноги, отползти туда, откуда пришёл.
6. Что взять с собой: шесть отметок, «Собрано N из 6», при всех — «Пешню — в руку, а не в багажник»; отметки сохраняются в браузере. Четыре вопроса.

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

Числа на сайте — только с источником. Памятки разных регионов дают разную толщину льда — на сайте числа своей области.

• Толщина льда: 10 см одному человеку, 15 см группе, 50 см транспорту; у течения и сбросов тёплой воды лёд тоньше — ГУ МЧС России по Свердловской области.
• Выезд техники на лёд без организованной ледовой переправы запрещён — областные правила охраны жизни людей на водных объектах.
• Ответственность — предупреждение или штраф 100–500 ₽ для граждан: закон Свердловской области № 52-ОЗ, ст. 40-2.
• Водоохранная зона — Водный кодекс РФ, ст. 65: река длиной от 50 км — 200 м (Тагил — 414 км), водохранилище на водотоке — как у водотока; в зоне транспорт движется только по дорогам.
• Права — подкатегория B1 для дорог общего пользования, удостоверение тракториста-машиниста категории AI для внедорожного квадроцикла, документы — в Гостехнадзоре.

7. Дизайн

Стиль «глина и тайга»: светлый туманный фон с контурными линиями рельефа, брызги рыжей глины по краям секций, ельник в подвале. Палитра: туман #E4E2DC, тайга #2F4A3A, глина #9C5B34, лайм #C6E02E — только на активном положении КПП, центре тяжести и числах запаса; красный #B8342A и янтарь #C98A1B для вердиктов; на /led/ — ледяные #9CC3DD и #2E4E62. Шрифты: Tektur для заголовков и букв КПП, IBM Plex Sans для текста. Фото первого экрана, зимний берег, квадроцикл сбоку на прозрачном фоне, блок льда и иллюстрации карточек — растровые; схема профиля, вид сзади, иконки, схемы «где нельзя», разрез льда и подвал — SVG. Анимации: проявление блоков, параллакс первого экрана и подвала, рычаг КПП с «пружиной», покачивание блока льда. При настройке «уменьшить движение» проявление и параллаксы отключены.

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

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

9. Приёмка

Проверка	Ожидаемый результат
Подъём по умолчанию, 18°	«Только с техникой», ≈ 32 % уклона
Подъём 12°	«Проедет»
Переключить посадку на «Вес как надо»	Центр тяжести смещается, запас до опрокидывания растёт
Колея 22 см при клиренсе 27 см	Впритирку; колея 30 см — «днище на гребне», колёса висят
Лёд по умолчанию: 14 / 10 / 15 см	«Только пешком», пешня пройдёт 39 см, в расчёт идут 14 см
Прозрачный лёд 8 см	«Не выходить»
Сборы: все шесть отметок, перезагрузка	«Собрано всё», отметки сохранились
Ширина 1440 и 390 px	Нет горизонтальной прокрутки, ошибок в консоли нет
Сторонние запросы	Нет ни одного