Новые возможности для дистрибуции сервисов «АльфаСтрахование» и ускорения обновлений: PWA, BDUI и МАХ

Главное о кейсе

К команде DTerra обратились представители страховой компании «АльфаСтрахование» с задачей увеличить каналы дистрибуции, чтобы снизить зависимость от зарубежных магазинов приложений. Риск удаления мобильного приложения компании из сторов ставил под угрозу важный канал коммуникации с клиентами.

DTerra за 4 месяца создала мобильное веб-приложение, функционал которого полностью соответствует мобильному приложению компании. PWA «АльфаСтрахование» вышло на рынок за сутки до удаления iOS-приложения, что дало компании конкурентное преимущество в ключевой момент. После разработки мы продолжили поддерживать и развивать PWA.

В августе 2025 года возникла новая задача: адаптировать функционал PWA под платформу MAX – национальный мессенджер с уникальной архитектурой.

За 3 недели нам удалось перенести ключевые клиентские сценарии и сервисы в новую цифровую среду МАХ.

Результат сотрудничества:

– Обеспечена полная независимость «АльфаСтрахование» от иностранных сторов

– Увеличены каналы дистрибуции на фоне ограничений: PWA и МАХ

– Ускорен релиз обновлений благодаря внедрению BDUI-подхода

– «АльфаСтрахование» первой среди страховых компаний обеспечила поддержку клиентов через мессенджер MAX даже без авторизации

– Реализован бесшовный доступ к страховым сервисам прямо в чате

– в среднем 300 000 посещений в месяц и 120 000 уникальных пользователей у PWA

– 50 тысяч пользователей приложения в МАХ (данные за сентябрь 2025 – октябрь 2026)

Как проект изменил жизнь пользователей

Клиенты «АльфаСтрахование» первыми среди страховых компаний получили новый канал коммуникации с привычным интерфейсом и функционалом сначала в формате PWA, а затем прямо в мессенджере.

Выход PWA-приложения обеспечил пользователям доступ к сервисам страховой компании без необходимости отслеживать выход «партизанских» приложений в App Store.

Мини-приложение в МАХ продолжает трек на расширение каналов дистрибуции и позволяет совершать привычные операции без ограничений:
– оформлять и продлевать полисы
– урегулировать страховые случаи онлайн
– использовать медицинские сервисы: от записи к врачу до вызова скорой и оплаты счетов из клиник

Дополнительно мы реализовали возможность обращения в службу поддержки без авторизации – чтобы клиенты могли еще быстрее получить помощь.

В результате совместной работы DTerra и «АльфаСтрахование» удалось вернуть пользователям доступ к удобным и привычным способам решения страховых вопросов.

Бизнес-задача и ее решение

Бизнес-задачи:

– увеличить количество каналов дистрибуции дистанционных сервисов
– обеспечить независимость от иностранных магазинов приложений
– ускорить процесс выхода обновлений в приложениях компании

Решения:

1. Мы предложили создать мобильное веб-приложение и уже через 4 месяца вышли с ним в пост-продакшн. Проблема доступа клиентов к привычному функционалу была решена, PWA загружается мгновенно, работает офлайн и устанавливается на домашний экран устройств iOS и Android в 1 клик – выглядит и работает как обычное мобильное приложение.

2. Затем функционал PWA-приложения был интегрирован в МАХ с сохранением всех возможностей. «АльфаСтрахование» получила еще один канал взаимодействия с клиентами.

3. Мы использовали единую кодовую базу для мобильного приложения, PWA и мини-приложения в МАХ. Это решение позволяет одновременно обновлять все три приложения, не тратя время на подготовку трех отдельных релизов.

4. Применили BDUI-подход: сначала мы внедрили его в PWA «АльфаСтрахование», а затем и в МАХ. Компания получила возможность обновлять интерфейсы и пользовательские сценарии без перевыпуска приложения.

Крафт (мастерство), реализация, технические детали

Для создания PWA-приложения нам предстояло изучить существующее мобильное приложение и полностью повторить его, чтобы пользователь не почувствовал разницы.

– Исследовали функционал существующего приложения. Провели проектирование архитектуры с учетом требований и спецификаций проекта.

– Провели интеграцию с сервисами «АльфаСтрахование». Разработали интерфейс с учетом совместимости с различными устройствами и браузерами.

– Переработали дизайн устаревших разделов и отрисовали недостающие макеты в соответствии с новой дизайн-системой.

– Провели тестирование и отладку для обеспечения высокого уровня надежности и безопасности.

– Запустили приложение, обеспечили поддержку и регулярность обновлений.

Результат запуска

• Восстановлен дистанционный сервис для клиентов

• Проведена настройка аналитики для отслеживания эффективности приложения

• К концу 2025 почти вся аудитория пользователей приложения на базе iOS перешла в мобильное веб-приложение

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

Следующим этапом развития стало повышение гибкости приложения – бизнесу требовалась возможность быстро вносить изменения без ожидания мобильных релизов. Для этого было принято решение внедрить Back-end Driven UI (BDUI) – подход, при котором сервер задает, что и как должно отображаться в пользовательском интерфейсе.

Ключевые решения:

– Быстрая загрузка главного экрана – изменена логика загрузки: при открытии экрана пользователь сразу видит скелетон (каркас экрана) и ключевую информацию, а данные по полисам и дополнительным блокам подгружаются поэтапно в фоновом режиме. В результате главный экран открывается за 1-2 секунды, время загрузки сократилось на 60%.

– Обновления без перезагрузки экрана – обновляются только те части экрана, где есть изменения.

– История навигации – продумана и выстроена логика переходов между экранами. В результате навигация привычна и нативна, пользователь не теряется при переходах между экранами.

Какой функционал был переведен на BDUI:

– Главная страница – оптимизирована загрузка полисов, реализована возможность вносить изменения в отображение продуктов.

– Детальная страница полиса ДМС – ключевой продукт. Оперативное обновление условий и сценариев.

– Вызов врача на дом и просмотр обращений по ДМС – функционал адаптируется к растущим объемам пользовательских данных, сокращая время внесения изменений в справочники.

– Программы лояльности: баллы «X5 Клуба», «АльфаБАЛЛЫ», «Приведи друга». Условия бонусных программ оперативно меняются без участия фронтенд-разработчиков.

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

– Сценарии заявления убытков по ОСАГО – добавлена возможность быстро вносить правки при изменении требований регулятора.

Следующей масштабной задачей стало использовать все технические наработки при создании мини-приложения в МАХ. Особенности цифровой среды мессенджера потребовали от команды использовать новые решения в ходе интеграции.

Основные этапы:

1. Аналитика

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

2. Единая кодовая база

Использовали React и флаги MAX, обеспечив синхронные обновления с основным PWA-приложением. MAX получает обновления автоматически. Единая архитектура снижает затраты на обновления на 50%.

3. Внедрение BDUI

Совместно с клиентом мы приняли решение продолжить применять Back-end Driven UI (BDUI) – подход, при котором сервер задает, что и как должно отображаться в пользовательском интерфейсе. Обновление приложения в МАХ теперь проходит также быстро, как и обновление PWA.

4. Адаптация биометрии

MAX не поддерживает стандартные WebAuthN API. Мы настроили кастомный модуль аутентификации через MaxBridge API, интегрированный с биометрией мессенджера – сократили время авторизации до 3 секунд, сохранив безопасность.

5. Кнопка «Запрос телефона»

Добавили контекстную авторизацию через номер телефона в чате. Реализовано через MAX Bridge.

6. Реализация темной темы

Синхронизировали UI PWA с темной темой MAX через CSS variables и media queries. (@media (prefers-color-scheme: dark)).

7. Отдельная аналитика

Настроили кастомные события для MAX. Кастомные метрики выявляют узкие места, повышая конверсию.

В результате

• «АльфаСтрахование» первой среди страховых обеспечила поддержку клиентов через мессенджер MAX даже без авторизации.

• Ускорено проведение клиентских операций и создан новый стандарт UX в страховании.

Комментарий заказчика

Виктория Грылева, PO «АльфаСтрахование»

«В рамках стратегии цифровой трансформации АльфаСтрахование активно внедряет инновационные решения. В условиях нестабильности и меняющегося рынка мы в кратчайшие сроки вернули нашим клиентам возможность использования функций мобильного приложения – одни из первых в сфере страхования создали удобное PWA-приложение.

Проект успешно реализовала команда DTerra. Веб-приложение для пользователей iPhone и Android в формате PWA имеет привычный дизайн и функционал – возможность установки на телефон и планшет, авторизацию по email и через «Госуслуги», получение уведомлений, запись к врачам, оформление страховых случаев и прочие возможности. Обновления становятся доступными пользователям без ручной модерации через магазины приложений. Клиентам АльфаСтрахование всегда доступны онлайн-сервисы. Открытый формат сотрудничества, гибкая методология разработки и глубокое понимание бизнес-целей проекта помогли в рекордно сжатые сроки создать продукт, соответствующий нашим ожиданиям.

Также DTerra помогла нам запустить полноценное приложение в главном российском мессенджере. Так мы оказались первыми среди страховых, кто внедрили чат со службой поддержки без авторизации! Спасибо большое всей команде за проделанную работу. Прекрасный пример, когда скорость и качество могут существовать вместе».