Экран подписки на ремонт квартиры

<aside> 💡

Вы работаете над клиентским мобильным приложением крупной страховой компании. Мы запускаем новый продукт — подписка на ремонт квартиры (страховой пакет с ежемесячной оплатой). С этого экрана пользователь может оформить подписку и добавить к подписке дополнительные услуги.

</aside>

🔍 Цель задания Создайте главный экран подписки, с которого пользователь сможет: Ознакомиться с условиями подписки на ремонт Оформить подписку (CTA) Добавить опциональные услуги к подписке

1. Пользователь выбирает тариф (Стандарт, Комфорт, Премиум) и период оплаты (месяц/год).
2. При желании добавляет дополнительные услуги. Итоговая сумма пересчитывается автоматически и всегда видна внизу экрана вместе с CTA «Оформить подписку».

🔹 UX/UI приёмы

• Сравнение тарифов карточками вместо таблицы.
• Sticky CTA — кнопка оформления всегда на экране.
• Прозрачная цена — динамический пересчёт итоговой суммы.
• Персонализация — выбор дополнительных услуг.
• Иконки и буллеты для быстрых «сканируемых» списков.
• Современный тёмный стиль (вдохновленный Material 3 Expressive).

🔹 Почему так

• Пользователь сразу понимает разницу между тарифами и может собрать свой набор услуг → больше доверия и контроля.
• Прозрачная итоговая стоимость снижает барьер оформления.
• Логика шагов проста: выбрать → дополнить → оплатить, что соответствует привычным сценариям в страховых и финтех-приложениях.