Как внедрение BDUI-подхода снизило зависимость от мобильных релизов
Внедрили Backend-Driven UI в PWA-приложение страховой компании, сократив время обновлений интерфейсов и снизив зависимость от мобильных релизов
Задача:
Обеспечить возможность оперативного обновления интерфейсов и пользовательских сценариев без перевыпуска приложения «АльфаСтрахование». Сократить time-to-market при запуске новых продуктов и изменений, снизить зависимость бизнеса от мобильных релизов и процессов модерации в магазинах приложений, сохранив стабильность и качество пользовательского опыта.
Причина:
В существующей архитектуре мобильного приложения любые изменения в интерфейсе требовали выпуска новой версии. Текущий сценарий приводил к задержкам при запуске продуктов и корректировке пользовательских сценариев, усложнял оперативное реагирование на требования регулятора и увеличивал стоимость поддержки мобильного канала. Дополнительной проблемой стала фрагментация пользовательского опыта: часть пользователей не обновляла приложение своевременно, из-за чего бизнес был вынужден учитывать ограничения устаревших версий интерфейсов и логики.
Контекст проекта
В прошлом году команда D’Terra разработала для «АльфаСтрахование» полноценное приложение в PWA-формате для iOS и Android с основным функционалом и привычным интерфейсом. Проект реализован в рекордные сроки — за 4 месяца. Приложение обеспечило пользователям оперативный возврат доступа к привычному функционалу и сервисам страховой компании в удобной мобильной версии: получение уведомлений, оформление страховых случаев, запись к врачам, отслеживание записей и прочие возможности.
Результаты запуска PWA-приложения:
- 20+ тысяч посетителей за первый месяц запуска
- рост аудитории более чем в 2 раза в 2025 году
Следующим этапом развития стало повышение гибкости приложения — бизнесу требовалась возможность быстро вносить изменения без ожидания мобильных релизов. Для этого было принято решение внедрить BDUI.
Задача
Изначально на внедрение закладывалось около 9 месяцев. После запуска PWA перед командой D’Terra была поставлена более амбициозная цель — реализовать BDUI за 3 месяца и охватить до 40% функционала приложения.
Ключевые факторы, позволившие сократить сроки:
- готовое техническое задание от мобильной команды клиента
- усиление проектной команды
- опыт D’Terra в работе с PWA-архитектурой
Ключевые решения и их бизнес-эффект
1. Быстрая загрузка главного экрана
Ранее при наличии большого количества полисов главный экран мог открываться от 20 до 60 секунд. Мы изменили логику загрузки: при открытии экрана пользователь сразу видит скелетон (каркас экрана) и ключевую информацию, а данные по полисам и дополнительным блокам подгружаются поэтапно в фоновом режиме.
Результат: главный экран открывается за 1-2 секунды, данные подгружаются в фоновом режиме. Время загрузки сократилось на 60%.
2. Обновления без перезагрузки экрана
Самый сложный технический вызов проекта: было важно, чтобы при обновлениях экран не «мигал», а приложение не перезагружалось целиком. Теперь обновляются только те части экрана, где есть изменения.
Результат: плавные обновления без перезагрузки.
3. История навигации
Навигация в PWA отличается от обычных мобильных приложений, из-за чего кнопка «Назад» может работать непривычно. Мы продумали и настроили логику переходов между экранами.
Результат: корректная работа кнопки «Назад» — навигация привычна и нативна, пользователь не теряется при переходах между экранами.
Какой функционал был переведен на BDUI
Сфокусировались на самых популярных экранах:
- Главная страница — оптимизирована загрузка полисов, реализована возможность вносить изменения в отображении продуктов.
- Детальная страница полиса ДМС — ключевой продукт. Оперативное обновление условий и сценариев.
- Вызов врача на дом и просмотр обращений по ДМС — функционал адаптируется к растущим объемам пользовательских данных, сокращая время внесения изменений в справочники.
- Программы лояльности: баллы «X5 Клуба», «АльфаБАЛЛЫ», «Приведи друга». Условия бонусных программ оперативно меняются без участия фронтенд-разработчиков.
- Персонализированные баннеры — реализована возможность настраивать акции и предложения под конкретного пользователя.
- Сценарии заявления убытков по ОСАГО — добавлена возможность быстро вносить правки при изменении требований регулятора.
Для FinTech-компаний скорость изменений — конкурентное преимущество наравне с продуктом и ценой. При этом мобильные приложения долгое время оставались самым негибким цифровым каналом: любое обновление требовало релиза, согласований и времени, которого у бизнеса просто нет, — Павел Мянник, CEO D’Terra.
- Время открытия главного экрана сокращено до 1-2 секунд;
- Общее время загрузки экрана снижено на 60%;
- Обеспечена возможность обновлять интерфейсы и пользовательские сценарии без перевыпуска приложения;
- Ускорен time-to-market при запуске новых продуктов и изменений.
Рубрики
Интересное:
Новости отрасли:
Все новости:
Публикация компании
Контакты
Социальные сети
Рубрики