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

Техническое задание на справочник с калькулятором лестницы

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

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

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

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

• / — главная: калькулятор, типы лестниц, ошибки, породы кратко, вопросы
• /materialy/ — из чего делать лестницу: детали, породы, влажность

Навигация — полноэкранное меню по кнопке «Меню» (пять пунктов: Калькулятор, Четыре типа, Пять ошибок, Из чего делать, Вопросы). В подвале — знак, подпись «Справочник по деревянным лестницам. Иваново» и две ссылки.

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

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

4. Калькулятор марша

4.1. Поля

Поле	Диапазон, мм	По умолчанию
Высота этажа H	2000–4500	2800
Толщина перекрытия t	100–500	200
Длина проёма	800–6000	3200
Ширина марша W	600–1500	900

Значения вне диапазона приводятся к границе. Число подъёмов n подбирается автоматически (H / 175, не меньше 2); кнопками ± его можно поменять от 8 до 24, кнопка «подобрать» возвращает автоподбор.

4.2. Расчёт

• Высота подъёма h = H / n; проступь b = (630 − 2h), округление до 5 мм, в пределах 250–320 мм.
• Проступей n − 1; длина марша — проступи × b; шаг 2h + b; уклон — arctg(h / b).
• Просвет над головой: если проём длиннее марша — «весь марш под проёмом»; иначе считается высота от первой ступени за краем проёма до низа перекрытия. Нужная длина проёма — по просвету 2000 мм.

4.3. Проверки и выводы

Условие	Что показывает сайт
Шаг 600–650 мм	Зелёная отметка; иначе оранжевый знак «шаг будет сбиваться»
Просвет меньше 2000 мм	Красный вывод и длина проёма, при которой просвета хватит
Ширина меньше 900 мм	«Тесно»
Подъём выше 200 мм	«Добавьте ступень»
Проступь упёрлась в 250 мм	Предупреждение; иначе — вывод об уклоне

4.4. Чертёж

SVG перерисовывается на каждое изменение: перекрытие, косоур, ступени со свесом 25 мм (появляются по очереди), перила на 900 мм, фигура человека ростом 1750 мм на ступени под краем проёма, размеры. Планы четырёх типов на главной считаются от того же расчёта: поворот с площадкой занимает одну проступь, с забежными — три, винтовая — круг диаметром 2W + 150 мм.

5. Страница «Из чего делать»

1. Разобранная лестница из семи деталей: детали слетаются на место при загрузке; номера на выносках подсвечивают деталь, клик выбирает её.
2. Семь вкладок деталей (работают и стрелки клавиатуры): нагрузки на деталь по шкале 0–3, какие породы подходят («да» или «можно, но мнётся»), контур детали на собранной лестнице.
3. Таблица пяти пород — сосна, лиственница, берёза, бук, дуб — с сортировкой по твёрдости, плотности, прочности на изгиб и разбуханию.
4. Влагомер: ползунок 6–22 % и выбор породы. Состояние доски: меньше 9 % — пересушена, 9–15 % — в норме, больше 15 % — сырая. Изменение ширины ступени 300 мм считается по коэффициенту усушки или разбухания породы.
5. Полоса года: отопительный период Иванова, когда дом пересушивает древесину.

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

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

• СП 55.13330.2016 «Дома жилые одноквартирные»: для двухэтажного дома ширина и уклон лестницы не регламентируются; ступени одной высоты; ограждение не ниже 0,9 м.
• Шаг 600–650 мм — правило Блонделя и DIN 18065; просвет 2 м — DIN 18065.
• Свойства древесины — Боровиков А. М., Уголев Б. Н. «Справочник по древесине», 1989, табл. 4.1, влажность 12 %.
• Влажность профильных деталей 12 ± 3 % — ГОСТ 8242-88.
• Отопительный период Иванова — СП 131.13330.2025, табл. 5.1.

7. Дизайн

Стиль «столярная мастерская на чертёжном листе»: фон — фанера, графитовые контуры, размерные линии, оранжевый акцент «карандаша». Шрифты: Geologica для текста, JetBrains Mono для цифр и размеров. Рисунки деталей и типов — карандаш и акварель на прозрачном фоне; знак, иконки, чертёж и планы — SVG. Анимации: прорисовка размерных линий, появление ступеней на чертеже, вспышка изменившейся цифры, переворот карточек, раскрытие меню. При настройке «уменьшить движение» все анимации отключаются.

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

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

9. Приёмка

Проверка	Ожидаемый результат
Значения по умолчанию	16 подъёмов, h 175, b 280, марш 4200 мм, шаг 630, уклон 32°
Проём 3200 при перекрытии 200	Красное предупреждение о просвете и нужная длина проёма
Ввод за пределами диапазона	Значение приводится к границе, чертёж не ломается
Влагомер: дуб, 18 %	«Сырая», ступень 300 мм изменится примерно на 5 мм
Ширина 1440 и 390 px	Нет горизонтальной прокрутки, ошибок в консоли нет
Сторонние запросы	Нет ни одного