1. Главная
2. Кейсы
3. Путь машины из Китая
4. Техническое задание

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

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

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

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

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

• / — «Маршрут»: шесть остановок, планировщик документов, платежи, срок 10 дней, ошибки, вопросы
• /priemka/ — приёмка машины до оплаты остатка: осмотр по точкам, сверка документов, запуск

Навигация — липкая лента маршрута сверху на обеих страницах: шесть остановок (Покупка, Граница, Таможня, Платежи, ЭПСМ, Гостехнадзор) пунктиром. В подвале — строка о сайте, две ссылки и гравюра моста.

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

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

4. Инструменты главной

4.1. Лента маршрута

Положение грузовика на ленте — доля прокрутки страницы, ближайшая остановка подсвечивается жёлтым. Клик по остановке раскрывает её карточку. На странице приёмки грузовик стоит на остановке «Покупка».

4.2. Планировщик документов

Переключатель	Варианты	Что добавляет
Машина	Новая / б/у	Б/у: сверка номеров с документами, фото табличек на площадке
Как ввозите	Сам / через посредника	Посредник: договор с ним, список документов, которые он передаёт
Кто ввозит	Организация / ИП	Сведения ЕГРЮЛ или ЕГРИП

Всего 19 возможных пунктов, у каждого подписана остановка маршрута. Список фильтруется по условиям: от 14 пунктов (новая, сам) до 18 (б/у, через посредника). Пункты, появившиеся после смены условий, мигают. Счётчик «N из M»; когда отмечено всё — штамп «Готово». Кнопка «Снять все отметки». Выбор и отметки сохраняются в браузере.

4.3. Расчёт платежей

• Поля: таможенная стоимость (пример 5 000 000), ставка пошлины, % (пример 5), таможенный сбор и утильсбор (по умолчанию 0).
• Пошлина = стоимость × ставка / 100; НДС = (стоимость + пошлина) × 22 %; итог = пошлина + сбор + НДС + утильсбор.
• Вывод: пошлина, НДС и «Итого платежей» в рублях; при выходе из поля число форматируется по разрядам. Расчёт ничего не сохраняет.

4.4. Срок 10 дней

Дата выпуска по умолчанию — сегодня минус три дня, введённая дата сохраняется в браузере. Полоска из 11 дней: день выпуска «В» и дни 1–10; прошедшие и сегодняшний выделены, 9-й и 10-й помечены как запас. Вывод: «Прошло N из 10. Надёжно — подать до [9-й день]; десятый день — [дата]», для будущей даты — «Выпуск ещё впереди», больше 10 дней — «срок уже вышел».

5. Страница «Приёмка машины»

1. Шапка: заголовок и три шага картинками — документы, узлы, запуск.
2. Осмотр по точкам: экскаватор сбоку с восемью точками — табличка, номер двигателя, стрела и втулки, гидроцилиндры и шланги, поворотный круг, шины и мосты, кабина и моточасы, аутригеры. Выбор кликом, стрелками ← → или кнопками ‹ › по кругу. Карточка точки: «что смотреть» и «что насторожит», галочка «проверено», итог «Проверено N из 8». Отметки сохраняются в браузере.
3. Документы на площадке: табличка, договор и инвойс рядом. Наведение или фокус на пункт сверки подсвечивает одинаковые поля на трёх листах и пунктир SVG между ними (на телефоне — без линий). Четыре пункта с галочками, отметки сохраняются.
4. Запуск и проверка работы: пять шагов с фото — холодный пуск, дым и выхлоп, посторонние звуки, гидравлика, движение и поворот.
5. «Не переводите остаток, если»: номера не совпадают, серьёзные неисправности, следы скрытого ремонта, неполные документы.
6. Частые вопросы — четыре ответа, ссылка обратно на маршрут и чек-лист.

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

Числа на сайте — только с источником. Ставки пошлин по кодам ТН ВЭД, коэффициенты утильсбора и часы пунктов пропуска не публикуются: они зависят от машины и меняются.

• Правила государственной регистрации самоходных машин (постановление Правительства № 1507): 10 календарных дней со дня выпуска; паспорт с отметкой об утильсборе или выписка из ЭПСМ со статусом «действующий».
• НДС при ввозе — 22 % с 01.01.2026, Федеральный закон № 425-ФЗ.
• Утильсбор — базовая ставка × коэффициент из перечня к постановлению Правительства № 81, на дату ввоза.
• Граница — мост Благовещенск — Хэйхэ.

7. Дизайн

Стиль «накладная и пломба»: бумага и бетон, графитовый текст, пунктир маршрута, синие штампы; жёлтый спецтехники — только акцент активного. Палитра: бетон #EEEDE8, лист #F7F6F2, графит #23272C, стальной синий #35607E, жёлтый #F2B705, штамп #2B5BA8. Шрифты: Unbounded для заголовков и номеров, Golos Text для текста. Фото первого экрана, экскаватор сбоку на прозрачном фоне, значки остановок и ошибок, фото шагов запуска — растровые иллюстрации; грузовичок в ленте и пунктир сверки — SVG; штампы «Готово» — CSS. Анимации: грузовик по ленте, «прилёт» штампа, пульс активной точки, мигание новых пунктов, появление блоков при прокрутке. При настройке «уменьшить движение» всё отключается.

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

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

9. Приёмка

Проверка	Ожидаемый результат
Планировщик: новая, сам, организация	14 пунктов; при б/у и посреднике — 18
Все пункты отмечены, страница перезагружена	Штамп «Готово» на месте, отметки сохранились
Платежи по умолчанию: 5 000 000, 5 %	Пошлина 250 000 ₽, НДС 1 155 000 ₽, итого 1 405 000 ₽
1 000 000, 10 %, утильсбор 500 000	Итого платежей 842 000 ₽
Дата выпуска 11 дней назад	«Прошло 11 дн. — срок уже вышел»
Осмотр: кнопка › на точке 8	Переход на точку 1, счётчик «Проверено N из 8» верный
Ширина 1440 и 390 px	Нет горизонтальной прокрутки, ошибок в консоли нет
Сторонние запросы	Нет ни одного