МТС Накопления (Народные Облигации) |
Витрина для продажи облигаций
Витрина для продажи облигаций
Витрина для покупки облигаций в приложении «Мой МТС» с удобным интерфейсом и интеграцией МТС Pay
Индустрия: Финансы и инвестиции
Тип продукта: Мобильное приложение внутри "Мой МТС"
Таймлайн: MVP в релизе, непрерывное развитие
Индустрия: Финансы и инвестиции
Тип продукта: Мобильное приложение внутри "Мой МТС"
Таймлайн: MVP в релизе, непрерывное развитие
Ключевые результаты:
- 40+ экранов на кроссплатформе
- сокращение времени на обновления до 15 минут
- рост пользователей и вкладов без сбоев
“
«Система для фронтенд-разработки позволила нам быстро реагировать на проблемы и масштабировать продукт. Без неё простые изменения занимали бы дни, а теперь — минуты. Это настоящая ценность для команды и пользователей.».
От витрины для облигаций к полноценной инвестиционной платформе
Команда "Цифровые финансовые активы" МТС разработала витрину для продажи облигаций физическим лицам внутри приложения "Мой МТС". Это система, в которой вся логика учёта, выпуска и транзакций лежит на стороне МТС Инвестиции. Проект фокусируется на удобном интерфейсе: показываем баланс, даём кнопки для пополнения и вывода средств, отображаем статус операций. Фронтенд был реализован с использованием кроссплатформенного подхода, что позволило сэкономить ресурсы и ускорить запуск проекта.
Команда "Цифровые финансовые активы" МТС разработала витрину для продажи облигаций физическим лицам внутри приложения "Мой МТС". Это система, в которой вся логика учёта, выпуска и транзакций лежит на стороне МТС Инвестиции. Проект фокусируется на удобном интерфейсе: показываем баланс, даём кнопки для пополнения и вывода средств, отображаем статус операций. Фронтенд был реализован с использованием кроссплатформенного подхода, что позволило сэкономить ресурсы и ускорить запуск проекта.
Задачи проекта
Перед проектом стояли следующие ключевые задачи:
Перед проектом стояли следующие ключевые задачи:
- Разработать визуальную составляющую экранов — создать интуитивный интерфейс для пользователей.
- Минимизировать проблемы в эксплуатации — устранить задержки и сбои. Например, открытие счёта включало 7–8 этапов онбординга с SMS-подписью и передачей данных в МТС Инвестиции (в теории — 5 минут, на практике — часы из-за внешних служб как ФНС, МВД). После кампании заявок выросло с 100 до 4000 в день, вызвав 12-часовые ожидания и перегрузку поддержки.
- Реализовать двойную аутентификацию — интегрировать SMS-код с таймером и MTS Pay для удобной верификации.
Цели проекта: Ускорить разработку и улучшить пользовательский опыт
- Создать витрину с 40+ экранами для показа баланса, пополнения, вывода и статуса операций.
- Обеспечить быстрые обновления без долгой интеграции с "Мой МТС".
- Сократить время на фиксы и новые фичи, чтобы реагировать на пиковые нагрузки.
- Интегрировать MTS Pay для пополнения и реализовать управление реквизитами для вывода.
- Снизить зависимость от нативных ресурсов и повысить time-to-market.
MVP 1: Пополнение счёта
Цели: Дать пользователям простой способ добавлять деньги через MTS Pay.
Решение: Добавили кнопку "Пополнить", экран ввода суммы и ожидания оплаты. На бэкенде — методы для интеграции с MTS Pay и таблица для истории операций. Система для фронтенд-разработки позволила быстро интегрировать SDK и экраны.
Особенности: Команда технической поддержки доработала флоу пополнения под наши нужды, включая экшен "pay" и рефилл, чтобы всё работало корректно в MTS.
Решение: Добавили кнопку "Пополнить", экран ввода суммы и ожидания оплаты. На бэкенде — методы для интеграции с MTS Pay и таблица для истории операций. Система для фронтенд-разработки позволила быстро интегрировать SDK и экраны.
Особенности: Команда технической поддержки доработала флоу пополнения под наши нужды, включая экшен "pay" и рефилл, чтобы всё работало корректно в MTS.
Ключевой кейс: Реакция на задержки открытия счетов
Проблема и решение
После маркетинговых активностей количество пользователей резко выросло: обычно открывалось около 100 счетов в день, а в тот день пришло порядка 4000 пользователей. В результате ожидание открытия счета увеличилось с 5 минут до 12 часов. С помощью системы для фронтенд-разработки за 15 минут развернули баннер, сообщающий, что открытие счета займет дольше обычного. Это позволило пользователям сразу увидеть информацию, что принесло большую ценность.
После маркетинговых активностей количество пользователей резко выросло: обычно открывалось около 100 счетов в день, а в тот день пришло порядка 4000 пользователей. В результате ожидание открытия счета увеличилось с 5 минут до 12 часов. С помощью системы для фронтенд-разработки за 15 минут развернули баннер, сообщающий, что открытие счета займет дольше обычного. Это позволило пользователям сразу увидеть информацию, что принесло большую ценность.
MVP 2: Управление данными клиента и вывод средств
Цели: Присвоить ID клиенту, добавить/редактировать реквизиты, реализовать вывод.
Решение: Экраны для ввода БИК и номера счёта с валидацией, вывод с чипсами сумм и показом баланса. На бэкенде — таблицы для клиентов и счетов, методы для создания/редактирования. Фронтенд реализован с использованием системы для фронтенд-разработки, с интеграцией UI Platform.
Решение: Экраны для ввода БИК и номера счёта с валидацией, вывод с чипсами сумм и показом баланса. На бэкенде — таблицы для клиентов и счетов, методы для создания/редактирования. Фронтенд реализован с использованием системы для фронтенд-разработки, с интеграцией UI Platform.
Изначально баннер сообщал: «Ваш счет открывается — обычно это занимает около 5 минут.»
При возникновении проблемы его заменили на: «Ваш счет открывается — есть определенные проблемы, это может занять больше времени, чем 5 минут.»
При возникновении проблемы его заменили на: «Ваш счет открывается — есть определенные проблемы, это может занять больше времени, чем 5 минут.»
Важное замечание
Если бы использовались нативный SDK или МОЙ МТС, быстрое развертывание баннера было бы невозможно, так как процесс занял бы значительно больше времени.
Если бы использовались нативный SDK или МОЙ МТС, быстрое развертывание баннера было бы невозможно, так как процесс занял бы значительно больше времени.
Выбранный подход позволил избежать необходимости расширения штата в два раза, эффективно оптимизировав ресурсы команды. Типовой экран (лендинг с калькулятором) создавался за 2,5 дня вместо 4 на нативной разработке. Фиксы багов — 15 минут вместо дня. Гибкая кастомизация через CSS и интеграция с "Мой МТС".
Риск сложной отладки фич, таких как таймеры SMS и асинхронные запросы, не оправдался — все задачи были решены быстро.
Снижение нагрузки на поддержку: Количество обращений упало, пользователи видели баннеры и ждали спокойно — выросла лояльность (NPS мог бы вырасти на 10–15%, по внутренним оценкам).
Экономия времени: Новые фичи на 30–50% быстрее; баннеры — 15 минут vs. дни на нативе.
Рост продукта: 40+ экранов, тысячи пользователей несут деньги; продукт развивается как планировали.
Метрики: Time-to-market сократился в 2–3 раза; ресурс на разработку — с двух специалистов до одного.
