Обзор прототипа
20 экранов × 2 лейаута (Web + Telegram Mini App). Полный цикл арендодателя: онбординг → дашборд → объект → платежи → ЖКХ → аналитика → бот-сценарии → профиль.
Web · десктоп с сайдбаром
TMA · мобильный, 390px
Web · Десктоп
Web01→
Лендинг
Hero, USP, тарифы, CTA
Web02→
Онбординг
5-шаговый визард добавления объекта
Web03→
Дашборд
Портфель, статусы, алерты
Web04→
Карточка объекта
Обзор, табы, арендатор
Web05→
Условия договора
11 полей: депозит, ЖКХ, пени
Web06→
Платежи
Двустороннее подтверждение, история
Web07→
ЖКХ
Счётчики, история, график роста
Web08→
Аналитика
Доходность, налоги, формула
Web09→
Сценарии бота
6 диалогов двустороннего бота
Web10→
Личный кабинет
Тариф, безопасность, экспорт
Web11→
Юр. помощь
Тарифы, услуги, цены
Web13→
Поддержка
FAQ, Telegram-бот, связь с командой
TMA · Telegram Mini App
TMA01→
Лендинг
Hero, USP, тарифы, CTA
TMA02→
Онбординг
5-шаговый визард
TMA03→
Дашборд
Портфель, статусы
TMA04→
Карточка объекта
Табы, арендатор
TMA05→
Условия договора
Все поля под мобайл
TMA06→
Платежи
Двустороннее подтверждение
TMA07→
ЖКХ
Счётчики, история
TMA08→
Аналитика
Доходность, налоги
TMA09→
Сценарии бота
6 диалогов в TG
TMA10→
Профиль
Тариф, безопасность
Пользовательский путь
01 Лендинг→
02 Онбординг→
03 Дашборд→
04 Объект→
05 Договор→
06 Платежи→
07 ЖКХ→
08 Аналитика→
09 Бот→
10 Профиль
Ключевой сценарий: арендатор нажимает «Я оплатил» → бот уведомляет арендодателя → арендодатель подтверждает → оба видят квитанцию.
Мок-данные: Анна Смирнова (арендодатель), Иван Петров (арендатор), СПб, Ленина 45 кв. 12, 55 000 ₽/мес.
Стек: HTML + Tailwind CDN + vanilla JS. Каждый файл самодостаточен.