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

Техническое задание на справочник «Тёплый балкон»

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

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

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

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

• / — главная: балкон по слоям, холодное или тёплое остекление, мостики холода, баннер про окна, вопросы
• /kondensat/ — почему потеют окна: калькулятор точки росы, иней, причины, что сделать, вопросы

Навигация — вертикальный термометр слева (+20° … −40°), разделы — отметки шкалы; уровень «ртути» растёт с прокруткой. В подвале — логотип, три ссылки, оговорка «справочная» и источник климатических данных.

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

1. Первый экран: «Справочник для Нижнего Тагила», заголовок «Балкон, на котором тепло в январе», лид, три плашки — «−33 °C самая холодная пятидневка», «Мостики холода», «Сначала тепло, потом отделка»; справа фото балкона зимним вечером и падающий снег.
2. Балкон по слоям: шесть переключателей, балкон в разрезе, шкала результата (раздел 4).
3. Холодное или тёплое остекление: две карточки с профилями и четыре шкалы-сравнения без чисел.
4. Мостики холода: «тепловизорный» план балкона сверху с пятью точками и список из пяти пунктов.
5. Баннер «Почему потеют окна» с анимированной кривой точки росы и кнопкой на /kondensat/.
6. Частые вопросы: четыре раскрывающихся ответа, в том числе можно ли вынести батарею на балкон.

4. Балкон по слоям и мостики холода

4.1. Слои

Шесть слоёв: тёплое остекление, утеплённый пол, стены, потолок, парапет, обогрев. По умолчанию включены остекление, пол, стены и потолок. Включённый слой из голубого становится тепловым градиентом и вспыхивает; подпись под разрезом объясняет слой.

4.2. Результат

Условие	Что показывает сайт
Нет тёплого остекления	«Как на улице»; если что-то включено — «Без тёплого остекления утепление и обогрев работают на улицу»
Остекление есть, но закрыты не все четыре утепления или нет обогрева	«Кладовая» и «Не хватает: …»; при включённом обогреве и холодных слоях — «Обогрев при холодных слоях греет улицу»
Остекление, пол, стены, потолок, парапет и обогрев	«Можно жить»

Цвет воздуха в разрезе: балл = остекление 2 + по 1 за каждое утепление + обогрев 1,5; доля балл / 7,5 смешивает холодный голубой с тёплым. Чисел температуры нет.

4.3. Мостики холода

Клик по точке 1–5 на плане или по пункту списка подсвечивает пару: примыкание к стене, плита пола, парапет, откосы, потолок.

5. Страница «Конденсат»

1. Первый экран: фото запотевшего окна, крошки, заголовок «Почему потеют окна на балконе».
2. Калькулятор «Точка росы вашего балкона». Ползунки: воздух 0…28 °C (по умолчанию 18), влажность 20…90 % (50), температура стекла изнутри −20…+20 °C (5). Готовые случаи: «Обычный зимний день» 20 °C / 40 %, «Сушится бельё» 20 / 65, «Прохладный балкон» 10 / 70.
3. Расчёт по формуле Магнуса: γ = ln(RH / 100) + a·t / (b + t), Td = b·γ / (a − γ), a = 17,62, b = 243,12 °C.
4. Стекло: разница = Td − t стекла. Разница ≤ 0 — «Сухо»; больше нуля и стекло ниже 0 °C — «Иней», растут морозные узоры; иначе — «Конденсат», капли, при разнице больше 4 °C — «стекают на подоконник». Густота капель и инея растёт с разницей.
5. График: кривая Td от влажности 20–90 % при выбранной температуре воздуха, точка — текущая влажность.
6. «Что такое точка росы» и «Почему зимой иней, а не капли»; четыре причины конденсата — холодное стекло, высокая влажность, холодные участки, нет воздухообмена; пять шагов «Что сделать»; три вопроса.

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

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

• Климат Нижнего Тагила — СП 131.13330.2025 «Строительная климатология», табл. 5.1: температура наиболее холодной пятидневки обеспеченностью 0,92 — −33 °C.
• Точка росы — формула Магнуса, a = 17,62, b = 243,12 °C, погрешность около 0,1–0,4 °C; на сайте — «доли градуса».
• Батарея центрального отопления на балкон — нельзя: переустройство общедомовой системы (ЖК РФ, ст. 26), балкон вне отапливаемого контура.

7. Дизайн

Стиль «тепловизор»: холодный иней-белый фон, тепловая гамма — только там, где показано тепло. Палитра: иней #F4F7FA, лёд #9CC3DD, графит #1E2A36; тепло — фиолетовый #5B3FD0 → розовый #D4337A → янтарь #F2A541; холодный синий мостиков #2E5BD8; ночной #14203A для баннера и подвала. Шрифты: Jost для заголовков и цифр, Golos Text для текста. Два фото — балкон зимним вечером и запотевшее стекло; разрез балкона, профили остекления, тепловизорный план, стекло с каплями и инеем, график и иконки — SVG. Анимации: снег на canvas поверх фото, вспышка слоя, волны обогрева, пульс активной точки, прорисовка кривой, капли и иней на стекле. При настройке «уменьшить движение» всё отключается.

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

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

9. Приёмка

Проверка	Ожидаемый результат
Слои по умолчанию	«Кладовая», «Не хватает: парапет»
Выключить тёплое остекление	«Как на улице», утепление и обогрев работают на улицу
Включить все шесть слоёв	«Можно жить», воздух в разрезе тёплый
Калькулятор по умолчанию: 18 °C, 50 %, стекло +5 °C	Точка росы 7,4 °C, «Конденсат»
«Сушится бельё»: 20 °C, 65 %	Точка росы 13,2 °C
Стекло −10 °C	«Иней», на стекле морозные узоры
Ширина 1440 и 390 px	Нет горизонтальной прокрутки, ошибок в консоли нет
Сторонние запросы	Нет ни одного