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

Техническое задание на справочник с планировщиком комнаты

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

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

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

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

• / — главная: плитки комнат, планировщик, пять правил маленькой комнаты, анонс текстиля, вопросы
• /tekstil/ — ивановский текстиль в интерьере: история, ткани, калькулятор штор, тюль, покрывало, усадка

Меню в шапке нет. Навигация — плитки комнат на главной, хлебные крошки на второй странице и две ссылки в подвале («Главная · Текстиль»).

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

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

4. Планировщик

4.1. Типы домов и комнаты

Комната	Хрущёвка, см	Брежневка, см	Новостройка, см
Гостиная	305 × 560	305 × 560	360 × 445
Спальня	245 × 420	305 × 420	300 × 335
Детская	245 × 360	245 × 420	270 × 300
Кухня	250 × 240	260 × 300	270 × 300
Прихожая	120 × 250	140 × 300	150 × 300

Под выбором дома — пояснение, откуда размеры: шаг стен серии 1-464 или 111-121, у новостройки — минимальные площади по СП 54. У прихожей — «размеров в открытых источниках нет, здесь примерные». Ширина и длина правятся вручную: 150–900 см, шаг 5 см.

4.2. Мебель

13 предметов, у каждой комнаты свой набор и своя раскладка по умолчанию: диван 200 × 90, журнальный столик Ø 60, тумба под ТВ 160 × 40, кровати 90, 140 и 160, шкаф-купе 180 × 60, шкаф 120 × 60, комод 100 × 45, стол со стульями 140 × 115, кухонный гарнитур 240 × 60, стул 45 × 50, обувница 80 × 30. Новый предмет встаёт в первое свободное место вне зоны двери; если места нет — по центру, с предупреждением. Управление: мышь и палец; с клавиатуры — Tab, стрелки (с Shift — шаг 25 см), R — поворот, Delete — убрать. Кнопка «Расставить заново» возвращает раскладку по умолчанию.

4.3. План

Окно с батареей по центру верхней стены, дверь внизу слева с дугой открывания: полотно 80 см, на кухне 70. Размерные линии по сторонам.

4.4. Замер проходов

• Пол делится на клетки 5 × 5 см. Ширина прохода в клетке — меньший из двух свободных пролётов, по горизонтали и по вертикали.
• Цвет клетки: меньше 60 см — «узко», 60–90 см — «можно», от 90 см — «свободно». Пороги подписаны как ориентир редакции, не норма.
• «Самый узкий проход от двери к окну» — узкое место лучшего пути, то есть пути с наибольшей минимальной шириной. Путь рисуется пунктиром. Мебель вплотную прохода не оставляет; если путь перекрыт — «нет прохода».

4.5. Проверки и сводка

Условие	Что показывает сайт
Предметы наезжают друг на друга	Красная обводка у обоих
Предмет в зоне открывания двери	Красная обводка
Путь от двери к окну перекрыт	«Нет прохода»
Любое изменение	Площадь комнаты, занято мебелью в м² и %, самый узкий проход с пояснением

Дом, комната, размеры и расстановка сохраняются в браузере и восстанавливаются после перезагрузки.

5. Страница «Текстиль»

1. Первый экран: фото тканей, хлебные крошки, заголовок «Ивановский текстиль в интерьере».
2. «Иваново и ткань» — лента истории из пяти точек: 1608, XVII век, 1871, 1932, 1987.
3. «Ткани на ощупь» — шесть образцов: лён, хлопок, сатин, блэкаут, тюль, велюр. Выбранный показывается крупно с описанием.
4. Калькулятор штор. Поля: ширина карниза (по умолчанию 300 см), высота от карниза до пола (250 см), плотная штора или тюль, сборка (плотная × 1,5 / × 2, тюль × 2 / × 2,5 / × 3), крепление, одно или два полотна, ширина рулона (плотная 140 / 150 / 280 / 300 см, тюль 280 / 300). Припуск сверху: шторная лента +14 см, петли +10, люверсы +23 (20 на люверсы и около 3 на гребешок над ними).
5. Формулы: ширина полотна = карниз × сборка ÷ полотна + 6 см; кусок = высота + верх + 10 см на подгиб низа. Если рулон не меньше куска + 5 см — крой по высоте, метраж = ширина полотна × число полотен. Иначе на полотно сшивают ⌈ширина полотна ÷ рулон⌉ кусков. Метраж округляется вверх до 10 см. Шторы рисуются SVG поверх фото окна; число складок и глубина тени зависят от сборки.
6. Тюль в типовой квартире: потолок 2,48 / 2,50 / 2,55 / 2,70 м, рулон 280 / 300 см. Длина тюля = потолок − 5 см (карниз) − 1 см (до пола); нужно с лентой и подгибом +24 см; остаток рулона — в обрезку или «не хватает». Схема в SVG.
7. Покрывало: ширина кровати 90 / 140 / 160 / 180, свес 20 / 30 / 40 см, флажок «накрывать подушки». Размер = (ширина + 2 свеса) × (200 + свес, +30 на подушки).
8. «Сначала постирать, потом шить»: лён — до 6 %, остальные — до 5 %, ползунок длины шторы 150–300 см → «может сесть по длине до N см», полоски «до / после».
9. Частые вопросы: четыре раскрывающихся ответа.

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

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

• СП 54.13330.2022 «Здания жилые многоквартирные», п. 5.11: общая комната — от 16 м², спальня — от 8 м² (на двоих — от 10), кухня — от 8 м²; п. 5.12 — потолок от 2,5 м. Минимальных ширин комнат в своде нет.
• Серии 1-464 и 111-121: шаг стен 2,6 и 3,2 м, пролёт 576 см, потолки 2,5 и 2,51 м. Ширины комнат — расчёт от шага, подписаны как ориентир.
• Полотна межкомнатных дверей 600 / 700 / 800 мм — ГОСТ 6629-88, по нему строили советские дома.
• Проходы: в нормах для обычной квартиры цифр нет; для сравнения — СП 59.13330.2020, п. 6.2.2 (подход к мебели 0,9 м, проход 1,2 м — для кресла-коляски).
• Усадка — ГОСТ 23432-2021, п. 4.1.9: льняные ткани — до 6 % по основе, остальные декоративные — до 5 %.
• Сборка 1,5–2 и 2–3, припуски, рулон тюля 280–300 см — практика швейников (Vikisews), не ГОСТ; так и подписано.
• История Иванова — 1608, 1871, 1932; Музей ивановского ситца открыт в 1987 году (ИГИКМ им. Д. Г. Бурылина).

7. Дизайн

Пастельный скандинавский стиль: светлый фон, карточки со скруглением 18 px и мягкой тенью; пыльная роза, шалфей и светлое дерево как акценты. Шрифты: Lora для заголовков, Mulish для текста. Фотографии комнат, правил, тканей и окна, мебель сверху на прозрачном фоне — сгенерированные изображения в webp. План комнаты, шторы, тюль, покрывало и волнистая «кромка» ленты истории — SVG; карта проходов — canvas. Анимации: проявление блоков, параллакс первого экрана, «свет из окна» за курсором, бегущий пунктир пути, смена образца ткани. При настройке «уменьшить движение» всё отключается.

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

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

9. Приёмка

Проверка	Ожидаемый результат
Шторы по умолчанию: 300 × 250, плотная, × 2, лента, 2 полотна, рулон 280	6,2 м ткани, 2 полотна шириной 306 см, кусок 2,74 м, крой по высоте
То же, рулон 150	16,5 м: на полотно три куска по 274 см
Тюль: потолок 2,50, рулон 280	Длина 244 см, с лентой и подгибом 268, остаток 12 см
Покрывало: кровать 160, свес 30	220 × 230 см; с подушками — 220 × 260
Усадка: лён, штора 2,50 м	«Может сесть по длине до 15 см»
Щель 65 см между предметами	Проход меряется как 65 см; мебель вплотную — «нет прохода»
Перезагрузка страницы	Дом, комната, размеры и расстановка на месте
Ширина 1440 и 390 px	Нет горизонтальной прокрутки, ошибок в консоли нет
Сторонние запросы	Нет ни одного