Структура сайта
и личного кабинета ЖКХ

Документ описывает тестовый жилой комплекс, полный каталог услуг, карту сайта, инвентарь экранов личного кабинета, пользовательские сценарии, правила предметной области и модель данных. Дизайн будет сделан отдельно, по референсам.

1. Тестовый комплекс

ЖК «Речные Террасы» — четыре корпуса на набережной, две очереди сдачи, закрытый двор без машин, подземный паркинг и набор общих пространств. Комплекс выбран так, чтобы на нём проверялись все механики продукта сразу.

1.1 Паспорт объекта

1.2 Корпуса

1.3 Общие пространства и инфраструктура

Коворкинг и переговорная (К2) · детская комната (К3) · спортзал (К3) · лаунж на кровле и барбекю-зона (К4) · две детские площадки и воркаут · колясочные и велопарковки в каждом подъезде · постаматы в К1 и К3 · мойка самообслуживания на –1 уровне паркинга · гостевая парковка на 18 мест · пункт приёма вторсырья.

1.4 Почему именно такой комплекс

Он даёт все типы данных, которые продукт должен уметь обрабатывать, без искусственных допущений:

• Три типа помещений — квартира, кладовая, машиноместо. У жителя в кабинете несколько объектов и несколько лицевых счетов.
• Две очереди — в корпусах II очереди есть счётчики тепла и услуги, которых нет в I. Значит, состав начислений и набор счётчиков зависит от корпуса, а не от комплекса.
• Закрытая территория — пропуска, гостевая парковка, ввоз крупногабарита, доступ ремонтных бригад.
• Общие пространства — бронирование по слотам с правилами и лимитами.
• Электроплиты — двухтарифный учёт электроэнергии, поле ввода с двумя зонами. Газа нет, одной сложной услугой меньше.

2. Пользователи и их задачи

2.1 Роли и права

Собственник управляет доступами сам: приглашает по номеру телефона, выбирает роль, может отозвать. Один человек может быть собственником в одной квартире и арендатором в другой — кабинет один, объекты переключаются.

2.2 Что людям на самом деле нужно

Отсортировано по тому, как часто человек за этим возвращается.

2.3 Боли, которые нельзя повторить

Это список того, из-за чего люди бросают кабинеты УК. Он же — чек-лист приёмки.

• Аббревиатуры без расшифровки: «КР на СОИ», «ХВС ОДН», «ИПУ». Пишем человеческим языком, аббревиатуру оставляем мелким шрифтом рядом.
• Форма показаний на двенадцать полей с непонятными названиями счётчиков.
• Оплата, которая уводит на чужой сайт, берёт комиссию молча и не отдаёт чек.
• Заявка ушла в никуда: нет номера, нет статуса, нет имени мастера, нет срока.
• «Позвоните в рабочее время» вместо действия в кабинете.
• Уведомления обо всём подряд, из-за чего отключают все.
• Кабинет, который не работает с телефона, хотя показания снимают именно с телефона, стоя у счётчика.

3. Каталог услуг

Тарифы условные, порядок величин соответствует Москве 2025–2026. В продукте тариф — это запись с периодом действия, а не число в коде.

3.1 Жилищные услуги — содержание дома

Начисляет УК, база — площадь помещения.

3.2 Коммунальные услуги — по счётчикам

Строку «ресурсы на общее имущество» в интерфейсе подписываем как «Вода и свет на общие помещения», аббревиатуру КР на СОИ показываем мелко в скобках.

3.3 Дополнительные платные услуги

Каталог кабинета. Это то, что превращает портал ЖКХ в сервис, которым пользуются не раз в месяц, а раз в неделю.

3.4 Бесплатные сервисы кабинета

Гостевой пропуск · пропуск на въезд и гостевая парковка · пропуск на ввоз и вывоз крупногабарита · согласование ремонта · справка об отсутствии задолженности · архив квитанций · показания и аналитика потребления · заявки в УК · голосования · доска объявлений соседей · вызов лифта из приложения (в К3 и К4) · открытие шлагбаума и двери подъезда.

3.5 Пример начисления

Квартира 214, корпус К3, 68,4 м², двое проживающих, август 2026.

Этот расчёт — эталон для вёрстки: расшифровка всегда показывает тариф, объём и сумму, чтобы человек мог проверить любую строку сам.

4. Карта сайта

4.1 Публичная часть

/                        Главная: что за комплекс, три действия — оплатить, передать
                         показания, войти. Баннер аварии или отключения, если есть
/about                   О комплексе: корпуса, инфраструктура, территория, фото
/services                Услуги и тарифы: что входит в квартплату, что платное
/uk                      Управляющая компания: реквизиты, лицензия, руководство,
                         часы приёма, отчёты, раскрытие информации
/news                    Новости и объявления
/news/:id                Карточка новости или отключения
/disclosure              Раскрытие информации: реквизиты, лицензия, договор управления,
                         тарифы с протоколами, годовой отчёт по приказу № 728/пр,
                         нормативы аварийной службы, права на перерасчёт, переход в ГИС ЖКХ
/documents               Документы: договор управления, протоколы ОСС, тарифы, отчёты
/contacts                Контакты, аварийная служба, карта проезда, форма обращения
/pay                     Быстрая оплата по номеру лицевого счёта, без регистрации
/faq                     Частые вопросы
/login                   Вход по телефону
/register                Регистрация и привязка помещения

4.2 Личный кабинет

/app                     Главная кабинета
  /objects               Мои помещения и переключение между ними
  /bills                 Начисления
    /bills/current       Текущий счёт с расшифровкой
    /bills/history       История начислений и архив квитанций
    /bills/debt          Задолженность, пени, рассрочка
  /recalc                Перерасчёт: перебои с ресурсами и временное отсутствие
  /pay                   Оплата
    /pay/checkout        Сумма, способ, подтверждение
    /pay/methods         Карты и автоплатёж
    /pay/receipts        Чеки
  /meters                Счётчики
    /meters/submit       Передача показаний
    /meters/:id          Карточка счётчика: история, график, поверка
  /tickets               Заявки
    /tickets/new         Новая заявка
    /tickets/:id         Карточка заявки с чатом и статусом
  /passes                Пропуска
    /passes/new          Гость, автомобиль, груз, ремонтная бригада
    /passes/:id          Пропуск с QR-кодом и ссылкой для гостя
  /services              Каталог платных услуг
  /booking               Бронирование общих пространств
    /booking/my          Мои брони
  /house                 Дом: новости, отключения, работы
  /voting                Общие собрания
    /voting/:id          Бюллетень
  /neighbors             Доска объявлений соседей
  /documents             Мои документы и справки
  /profile               Профиль, состав семьи, доступы
  /notifications         Центр уведомлений
  /settings              Настройки: каналы, тема, крупный шрифт, язык
  /support               Поддержка: чат с УК, FAQ, звонок в АДС

4.3 Навигация

Мобильная — нижняя панель на пять пунктов: Главная · Счётчики · Оплата · Заявки · Ещё. Всё остальное — внутри «Ещё». Панель фиксированная, элементы не меньше 44×44 pt.

Десктопная — боковое меню на девять пунктов: Главная, Начисления, Счётчики, Заявки, Пропуска, Услуги, Дом, Документы, Профиль. Сверху — переключатель помещения и колокольчик уведомлений.

Переключатель помещения виден всегда: человек должен в любой момент понимать, за какую квартиру он смотрит счёт.

5. Экраны личного кабинета

Инвентарь для вёрстки. ID используем как имена файлов и веток.

L-01 · Главная кабинета

Самый важный экран, 80 % визитов заканчиваются на нём. Сверху вниз:

1. Баннер события — авария, отключение или срочное объявление. Показывается только когда есть.
2. Карточка «К оплате» — сумма крупно, срок до 10-го числа, полоса обратного отсчёта, кнопка «Оплатить». Если оплачено — зелёная отметка и дата. Если долг — сумма пеней и кнопка «Рассрочка».
3. Карточка «Показания» — окно приёма с 15 по 25 число, сколько дней осталось, сколько счётчиков заполнено из скольких, кнопка «Передать». Вне окна — когда откроется.
4. Быстрые действия — четыре кнопки: Заявка, Пропуск, Бронь, Справка.
5. Лента событий — заявка изменила статус, начислен счёт, новое голосование, ответ УК.
6. Потребление — спарклайны воды и электричества за шесть месяцев с подписью «на 12 % меньше, чем в июле».

L-02 · Мои помещения

Список: квартира 214 в К3, кладовая S-18, машиноместо P2-114. У каждого — лицевой счёт, площадь, роль, статус оплаты. Кнопка «Добавить помещение».

L-03 · Текущий счёт

Расшифровка по группам: содержание дома, коммунальные, капремонт, дополнительные услуги. Каждая строка — тариф, объём, сумма, знак вопроса с пояснением. Внизу — итог, срок и кнопка оплаты. Кнопки «Скачать квитанцию PDF» и «Сравнить с прошлым месяцем».

L-04 · История начислений

Список по месяцам: сумма, статус, дата оплаты, PDF. Фильтр по году и по помещению. График «сколько платил по месяцам» за 12 месяцев.

L-05 · Оплата

Шаг 1 — сумма, по умолчанию полная, можно изменить и разнести по услугам. Шаг 2 — способ: сохранённая карта, новая карта, СБП, Apple Pay. Комиссия показана до нажатия, не после. Шаг 3 — подтверждение: сумма, помещение, куда придёт чек. После оплаты — экран успеха с номером операции и кнопкой «Скачать чек».

На этом этапе платёжный шлюз не подключаем: интерфейс работает целиком, оплата помечается как проведённая в демо-режиме.

L-06 · Карты и автоплатёж

Список карт, привязка новой, автоплатёж: включить, выбрать дату, лимит суммы, уведомление за день до списания.

L-07 · Задолженность

Сумма долга по месяцам, начисленные пени с расчётом по дням, кнопка «Оформить рассрочку», предупреждение об ограничении услуг.

L-08 · Счётчики

Карточки: холодная вода, горячая вода, электричество Т1 и Т2, отопление. У каждой — заводской номер, где стоит, прошлое показание с датой, срок поверки. Плашка «Поверка через 47 дней» с кнопкой заявки.

L-09 · Передача показаний

Ключевой экран для дружелюбности, разбираю подробно.

• Одна карточка на счётчик, крупное числовое поле, на телефоне открывается цифровая клавиатура.
• Разряды разделены как на настоящем счётчике: чёрные — кубометры, красные — литры. Человек видит поле в том же виде, что и прибор.
• Под полем сразу считается расход и деньги: «Расход 4,2 м³ ≈ 241 ₽».
• Прошлое показание подставлено как подсказка, не как значение.
• Кнопка «Не пользовался» ставит расход 0.
• Валидация мягкая: меньше прошлого — ошибка с объяснением про замену прибора; больше среднего на 50 % — жёлтое предупреждение «Обычно у вас 3,8 м³, проверьте цифры», но отправить можно.
• Ссылка «Как снять показания» открывает картинку счётчика с подписанными разрядами.
• Можно приложить фото прибора — это снимает споры с УК.
• После отправки: подтверждение с итогом, напоминание, что до 25-го числа значения можно исправить.
• Путь показания до квитанции. Самая частая жалоба на сервисы ЖКХ — «передал, а в квитанции написано, что не передавал». Поэтому после отправки виден весь путь: приняты (с номером и датой) → проверены → учтены в квитанции за месяц, с суммой по коммунальным услугам. Сбой заметен сразу, а не через месяц из платёжки.
• История по каждому прибору — раскрывающаяся таблица с показаниями и расходом за шесть месяцев. Снимает спор о том, что именно было передано.
• Несколько приборов одного типа — штатный случай. В квартирах от 79 м² два прибора холодной воды, каждый со своей карточкой; в квитанции объём суммируется в одну строку.

L-10 · Карточка счётчика

История показаний таблицей, график расхода по месяцам, сравнение со средним по дому такой же площади, данные о поверке, кнопка «Заявка на поверку или замену».

L-11 · Новая заявка

Категории упорядочены по реальной частотности обращений: сантехника (34 % заявок в среднем по рынку), «холодно или жарко в квартире» (сезонная, включается с сентября по апрель), электрика (9,1 %), конструктив (8,8 %), лифт (6,2 %), уборка, домофон и СКУД, двор и парковка, вопрос по начислениям, другое. Аварийная категория вынесена отдельной красной карточкой с кнопкой звонка.

Норматив показывается до отправки. Выбрал тему — увидел обещанный срок и норму, по которой его можно проверить: локализация аварии 30 минут, засор 2 часа, устранение 3 суток (ПП РФ № 416, п. 13). Номер заявки присваивается сразу — по нормативу диспетчер обязан его сообщить, и именно номер становится основанием для жалобы в жилищную инспекцию при срыве срока.

Плановый сценарий основной. Плановых заявок 71 %, аварийных 17 %, поэтому выбор дня и окна визита — не второстепенное поле, а суть формы. Понедельник и вторник дают больше трети недельного объёма, об этом честно написано в форме.

L-12 · Список заявок

Активные и завершённые. Карточка: номер, категория, дата, статус, исполнитель. Фильтры по статусу и помещению.

L-13 · Карточка заявки

Таймлайн статусов: Принята → Назначен мастер → В работе → Выполнена. Имя и фото мастера, окно приезда, чат с диспетчером, фото «до и после», оценка на пять звёзд с комментарием после закрытия, кнопка «Открыть заново».

L-14 · Пропуска

Активные и архив. Карточка: тип, имя гостя или номер авто, срок действия, QR.

L-15 · Оформление пропуска

Четыре типа: гость пешком, гость на машине, ввоз или вывоз крупногабарита, ремонтная бригада. Поля: кто, когда, на сколько. Результат — QR-код, ссылка для отправки гостю в мессенджер и номер, который можно назвать на КПП голосом. Для ремонта дополнительно — даты работ и автоматическая памятка о тихих часах.

L-16 · Каталог услуг

Плитки с ценой и сроком. Внутри — описание, выбор слота, оформление. Заказ попадает в общий список заявок.

L-17 · Бронирование

Выбор пространства, календарь на неделю, свободные слоты. Показаны правила: лимит, залог, бесплатные часы, штраф за неявку. Подтверждение с добавлением в календарь телефона.

L-18 · Мои брони

Ближайшие и прошлые, отмена с правилом возврата.

L-19 · Дом

Журнал отключений — таблица с ресурсом, периодом, фактической длительностью и нормативом рядом. Перерыв сверх норматива подсвечен и ведёт в раздел перерасчёта. Это превращает пассивный список новостей в основание для денег.

Ниже — лента УК: новости, плановые отключения, работы во дворе, объявления, с фильтром по корпусу.

L-20 и L-21 · Общие собрания

С 2025 года онлайн-голосование собственников проводится только через ГИС ЖКХ или «Госуслуги»; коммерческие сервисы не допускаются, а нарушение порядка становится основанием для отмены результатов. Поэтому кабинет показывает повестку, документы, срок и кворум по площади, помогает подготовить ответы черновиком — но бюллетень заполняется в государственной системе. Собственный «бюллетень» вместо ГИС ЖКХ был бы юридическим риском.

L-22 · Соседи

Доска объявлений с модерацией: отдам, продам, ищу, потеряли кота, ищу попутчика. Категории, срок жизни объявления, жалоба на объявление.

L-23 · Документы

Договор управления, квитанции, акты, протоколы ОСС, отчёты УК, тарифы. Отдельный блок «Заказать справку»: о составе семьи и выписка из финансово-лицевого счёта готовятся 1–3 рабочих дня. Справка об отсутствии задолженности выдаётся мгновенно, если текущий счёт оплачен — именно за ней люди ездят в офис с чеками при оформлении субсидии, ипотеки и продажи квартиры.

Отдельно — годовой отчёт управляющей компании по единой форме приказа Минстроя от 20.11.2025 № 728/пр: начисления, собираемость, расходы, число выполненных заявок, средний срок закрытия, нарушения нормативов, претензии по начислениям и сколько из них удовлетворено перерасчётом.

L-24 · Профиль и доступы

Личные данные, помещения, состав семьи, приглашения по номеру телефона с выбором роли, отзыв доступа, история входов.

L-25 · Уведомления

Единая лента, отметка «прочитано», переход к объекту события.

L-26 · Настройки

Каналы уведомлений по типам событий отдельно: пуш, e-mail, SMS, Telegram. Крупный шрифт. Простой режим — оставляет пять разделов (счёт, счётчики, оплата, заявки, профиль), убирает ленту и графики, увеличивает кнопки: примерно четверть жителей — люди старшего возраста. Язык. Согласия на обработку данных.

Здесь же — оценка работы управляющей компании по пяти критериям, которыми жители пользуются фактически: чистота, точность начислений, вежливость сотрудников, информирование, качество услуг.

L-28 · Перерасчёт

Раздел появился по результатам исследования жалоб: право на перерасчёт нормировано, а интерфейса для него почти нигде нет.

• Перебои с ресурсами. Журнал отключений по корпусу с длительностью и нормативом рядом: холодная вода — 4 часа подряд, горячая и электричество — 24, отопление — 16. Перерыв сверх норматива подсвечен, рядом кнопка «Оформить перерасчёт». Управляющая компания сама знает о перерыве, поэтому предлагает деньги первой, а не ждёт заявления.
• Временное отсутствие. Две даты, автоматический подсчёт полных дней без дней отъезда и возвращения, порог в 5 дней проверяется на лету. Рядом две колонки: что пересчитаем (вода и водоотведение) и что не пересчитаем (содержание, капремонт, отопление, электричество, отходы). Выбор подтверждающего документа.
• Мои заявления с номером, датой и статусом.

Основание — ПП РФ № 354. Тексты в интерфейсе ссылаются на норму, чтобы житель мог проверить.

L-27 · Поддержка

Чат с УК, FAQ с поиском, кнопка звонка в АДС, обратная связь на работу УК.

Админка УК (второй контур)

A-01 доска заявок с таймерами SLA · A-02 приём и правка показаний, выгрузка в биллинг · A-03 начисления и реестр оплат · A-04 объявления и рассылки · A-05 запуск ОСС и подсчёт голосов · A-06 справочник помещений и лицевых счетов · A-07 пропуска и журнал КПП · A-08 аналитика: собираемость, среднее время закрытия заявки, оценка работы.

6. Ключевые сценарии

6.1 Регистрация и привязка помещения

1. Телефон → код из SMS.
2. Привязка помещения одним из трёх способов на выбор: - По лицевому счёту — номер счёта и сумма последнего платежа с точностью до копейки. Мгновенно. - По адресу — корпус → подъезд → квартира, затем фамилия собственника. Уходит на подтверждение диспетчеру, до 1 рабочего дня. - По коду из квитанции — шестизначный код, печатается на бумажной квитанции. Мгновенно.
3. Первому вошедшему по помещению даётся роль собственника, остальные приглашаются им.
4. Онбординг на три экрана: где смотреть счёт, когда передавать показания, как вызвать аварийку. Пропускается одной кнопкой.

Мгновенные способы — обязательны. Если единственный путь регистрации проходит через сотрудника УК, половина людей отваливается на этом шаге.

6.2 Передача показаний за 30 секунд

Пуш 15-го числа → тап по уведомлению → форма со всеми счётчиками помещения → ввод цифр → «Отправить». Расчёт расхода и денег виден сразу, до отправки. Повторное напоминание 23-го, только тем, кто не передал.

6.3 Оплата

Главная → «Оплатить» → сумма по умолчанию полная → сохранённая карта → подтверждение → экран успеха с чеком. Три тапа для повторной оплаты.

6.4 Аварийная заявка

Главная → «Заявка» → «Авария» → экран сразу показывает телефон АДС крупной кнопкой и срок реакции → короткая форма: что случилось, фото, телефон → отправка → пуш «Заявка №3418 принята, мастер выедет до 14:40» → чат с диспетчером → пуш о выполнении → оценка.

6.5 Гостевой пропуск

«Пропуск» → «Гость на машине» → номер авто, дата, время → создан → «Отправить гостю» открывает мессенджер со ссылкой на QR. Охрана сканирует QR или вбивает номер пропуска. Шлагбаум открывается.

6.6 Голосование на общем собрании

Пуш о старте → бюллетень → ответы по вопросам → подтверждение кодом из SMS → PDF бюллетеня в документах → пуш с результатом и протоколом после окончания.

7. Правила предметной области

Эти правила определяют логику интерфейса. Они же — источник большинства состояний экранов.

Нормативная база, на которую опирается расчёт: ЖК РФ ст. 155 и 156, ПП РФ № 354 о предоставлении коммунальных услуг, ПП РФ № 416 о правилах управления, ПП РФ № 731 о раскрытии информации.

8. Модель данных

Минимальный набор сущностей, которого хватает на весь описанный функционал.

Комплекс и помещения Complex (название, адрес, УК) → Building (корпус, этажей, подъездов) → Entrance (подъезд) → Unit (помещение: тип — квартира, кладовая, машиноместо, коммерция; номер, этаж, площадь, число проживающих).

Люди и доступ User (телефон, имя, e-mail, настройки уведомлений). Account — лицевой счёт, привязан к Unit. UnitAccess — связь пользователя и помещения с ролью (owner, tenant, family) и правами.

Деньги Service (услуга, группа, единица измерения, как считается). Tariff (услуга, значение, период действия, корпус — тариф может отличаться по корпусам). Charge (начисление: счёт, услуга, объём, тариф, сумма, период). Invoice (квитанция за период: итог, срок, статус, PDF). Payment (сумма, способ, статус, чек). Penalty (пени по дням просрочки).

Учёт Meter (тип, заводской номер, зона тарифа, разрядность, место установки, дата поверки, статус). MeterReading (счётчик, значение, дата, кто передал, источник — житель, УК, автоматика; фото).

Обслуживание Ticket (категория, описание, помещение, приоритет, статус, SLA-срок, исполнитель, оценка). TicketMessage (чат). Attachment (фото и видео).

Доступ на территорию Pass (тип, кто, номер авто, срок действия, QR-токен, статус, кем создан). PassLog (проход или проезд, время, точка).

Общие пространства Amenity (пространство, вместимость, правила, цена, лимиты). Booking (слот, пользователь, статус, залог).

Дом Post (новость, объявление, отключение: тип, корпуса, срок действия). Poll и Vote (голосование ОСС и голоса с весом по площади). Document (файл, тип, к чему относится, кому виден). Notification (событие, канал, статус доставки).

9. Уведомления

Правило одно: уведомление отправляется, только если человек может что-то сделать или должен что-то знать заранее.

В настройках каждый тип отключается отдельно. Аварийные — единственные, которые отключить нельзя.

10. Принципы дизайна и дружелюбности

Пункты, которые дизайн должен выполнить независимо от выбранного стиля.

Язык. Никаких аббревиатур без расшифровки. «Вода и свет на общие помещения», а не «КР на СОИ». Кнопка называется тем же словом, что и результат: нажал «Оплатить» — увидел «Оплачено».

Одна задача на экран. На главной три карточки-действия, не двадцать плиток. Всё остальное — на глубине.

Числа читаются. Суммы, показания и тарифы — моноширинными цифрами одинаковой ширины, с разделителем разрядов. Столбец сумм выравнивается по правому краю.

Прозрачность расчёта. Любую сумму можно развернуть до формулы «тариф × объём». Это снимает большую часть обращений в УК.

Мобильный интерфейс — основной. Показания снимают с телефона, стоя у счётчика в коридоре. Поля крупные, клавиатура цифровая, кнопка отправки в зоне большого пальца.

Доступность не опция. Среди жителей есть пожилые. Контраст не ниже AA, видимый фокус на клавиатуре, режим крупного шрифта переключателем в настройках, все действия достижимы с клавиатуры, поддержка системного увеличения шрифта.

Пустые состояния работают. «Заявок пока нет» бесполезно. «Заявок нет. Если что-то сломалось — расскажите, мастер приедет в течение суток» + кнопка.

Ошибки объясняют. «Показание меньше предыдущего. Если счётчик недавно меняли — оформите заявку, мы обновим прибор в системе.»

Статусы честные. Обещанный срок виден сразу и не меняется задним числом. Если сорвали — объяснение, а не тишина.

Без регистрации тоже можно. Оплата по номеру лицевого счёта, аварийный телефон и расписание отключений доступны с публичной части.

11. Реализация

11.1 Этапы

11.2 Что уже собрано

Прототип сделан на статике — HTML, CSS и обычный JavaScript, без сборки и зависимостей. Открывается двойным кликом, работает офлайн, переносится на любой хостинг копированием папки.

Демо-данные: 4 корпуса, 4 помещения у жителя (две квартиры с разными ролями, кладовая, машиноместо), до 6 счётчиков, история за 6 месяцев, 3 заявки в разных статусах, журнал из 4 отключений с нормативами, 2 голосования, лента новостей. Состояние живёт в браузере, поэтому прототип переживает перезагрузку. Платёж — полный интерфейс с экраном успеха и номером операции; шлюз не подключён, деньги не списываются.

Начисления считаются от площади выбранной квартиры и переданных показаний: изменили показание — счёт пересчитался. Для квартиры 214 в корпусе К3 расчёт совпадает с примером из раздела 3.5 до копейки.

11.3 Изображения

Фотографии сгенерированы моделью GPT-image-2 (OpenAI Images API): инженер УК с прозрачным фоном, комплекс на набережной, лаунж, счётчик, четыре портрета для отзывов. Исходники лежат в assets/img/_orig/, на страницах используются сжатые WebP (614 КБ вместо 14 МБ). Скрипт перегенерации — _scripts/gen_images.py; он же обновляет реестр assets/js/images.js, поэтому новые файлы подхватываются без правки вёрстки. Если фотографий нет, страницы показывают векторную иллюстрацию комплекса и монограммы вместо портретов.

13. Что добавлено по результатам исследования жалоб

Мы разобрали 26 источников: нормативные акты, описания отраслевых платформ и отзывы жителей на реальные приложения ЖКХ — государственное «Госуслуги Дом» (рейтинг 2,9 из 5 при 7 413 отзывах) и коммерческое «Домиленд+» (4,2 из 5 при 893 отзывах). Претензии у разных продуктов совпадают, а значит это дефекты класса, а не отдельных команд. Полный отчёт с цитатами и библиографией — research.html.

Главный вывод: набор функций у всех примерно одинаков, обрывается подтверждение результата. Житель нажал кнопку и не знает, дошло ли действие до конца. Отсюда все доработки ниже.

13.1 Чего сознательно не делали

Собственное голосование вместо ГИС ЖКХ. С 2025 года онлайн-ОСС проводится только в государственных системах, а нарушение порядка — основание для отмены результатов. Кабинет показывает повестку и документы, но бюллетень заполняется в ГИС ЖКХ.

Замену раскрытия информации. Юридически значимое раскрытие ведётся в ГИС ЖКХ. Наша страница — витрина и навигатор, а не подмена государственной системы.

Обещания сроков, которых не выполнить. Все нормативы в интерфейсе взяты из ПП РФ № 416 и № 354. Если срок нарушен, житель должен получить объяснение и основание для жалобы, а не тишину.

14. Что нужно решить до дизайна

1. Название и легенда комплекса — оставляем «Речные Террасы» или подставляем реальный ЖК.
2. Админка УК — второй контур (доска заявок, приём показаний, начисления, перерасчёты, ОСС) пока не сделан. Нужен ли он в прототипе. Отдельно: проект изменений в приказ № 728/пр с 1 сентября 2026 года требует отчитываться о претензиях и перерасчётах — данные для этого раздел «Перерасчёт» уже собирает.
3. Бэкенд — свой API с базой или интеграция с существующим биллингом управляющей компании.
4. Платёжный шлюз — какой эквайринг: банк УК, ЮKassa, СБП напрямую.
5. Тон общения — сейчас на «вы», сдержанно и по делу. Можно сделать теплее, как сервис для соседей.

Прототип открывается локально: index.html — сайт, disclosure.html — раскрытие информации, login.html — регистрация, app.html — кабинет.