От карты лояльности к каналу продаж: новое мобильное приложение казахстанской сети косметики MonAmie

У MonAmie сильная розничная сеть и работающий интернет-магазин, но мобильное приложение раньше выполняло одну функцию: хранило карту лояльности. В нём можно было посмотреть бонусы и историю покупок, а оформлять заказ приходилось на сайте.

Тем временем ожидания покупателей выросли. Люди привыкли к уровню сервиса крупных игроков: заказ в пару касаний из приложения, персональные подборки, бонусы, которые одинаково работают онлайн и офлайн. Основной онлайн-трафик стал мобильным, а приложение, где можно только посмотреть баланс карты, заметно проигрывало на этом фоне.

Поэтому MonAmie взяли курс на омниканальность, при которой сайт, приложение, программа лояльности и магазины работают как единая система, а покупатель везде получает один и тот же опыт. Нас пригласили переосмыслить роль мобильного приложения: сделать его полноценным каналом продаж и встроить в новую цифровую модель компании.

Как перестраивали мобильный канал MonAmie

Проект делали совместно с командой MonAmie. Backend и бизнес-логика оставались на стороне клиента, а мы отвечали за мобильное приложение целиком: аналитику, дизайн, проектирование API, разработку и тестирование, интеграции с сервисами, запуск и передачу продукта клиенту для  дальнейшего развития.

Определили новую роль мобильного приложения

Начали с анализа существующих цифровых сервисов, пользовательских сценариев и бизнес-процессов. Нужно было понять, как приложение должно работать в новой омниканальной модели и какие задачи покупатель сможет решать непосредственно в нём.

На этом этапе мы:

Спроектировали единый клиентский опыт

На основе аналитики спроектировали пользовательские сценарии и интерфейсы, а дизайнеры воплотили их в Figma. Важно было объединить в приложении основные этапы взаимодействия с брендом: от поиска и выбора товара до оформления и получения заказа, а также использования программы лояльности.

Кроме привычных блоков – каталога, корзины и чекаута, личного кабинета, программы лояльности – мы реализовали сканер штрихкодов для поиска товаров и AR-примерку декоративной косметики.

Интегрировали приложение с сервисами MonAmie

Чтобы приложение стало частью цифровой экосистемы MonAmie, его интегрировали с внутренними системами компании и внешними сервисами:

Технические вызовы на проекте и как мы их решили

AR-примерка косметики во Flutter

Одной из самых нетривиальных задач стала интеграция AR-примерки в мобильное приложение. Нужно было связать Flutter с нативными AR-движками iOS и Android, синхронизировать два рендер-движка — камеру и фоторедактор — и учесть особенности работы камер на разных устройствах, сохранив стабильную производительность в реальном времени.

Команда реализовала нативную интеграцию AR-движка и собственный контроллер камеры для Android, добавила защиту от гонки состояний и рассинхронизации данных. AR-оттенки связали с каталогом через единые идентификаторы — благодаря этому после примерки пользователь может сразу перейти к конкретному товару.

Унификация внутренних сервисов

Второй вызов — объединить аналитику, push-уведомления, crash-репортинг и другие сервисы, снизив зависимость от конкретных внешних провайдеров и не потеряв при этом скорость разработки.

Для этого создали набор переиспользуемых внутренних пакетов с единым API. Они скрывают внешние сервисы за собственными интерфейсами, поэтому при необходимости провайдера можно заменить без существенной переработки приложения.

Технологическая основа: Flutter и Clean Architecture

Проект изначально задумывался с расчётом на долгосрочное развитие. Прежняя архитектура на Bitrix была ограничена возможностями системы, поэтому команда перешла к архитектуре с единым backend и API, обслуживающим все цифровые каналы MonAmie — приложение, сайт и в перспективе розницу — вместо отдельных решений для каждого из них.

Архитектуру приложения построили по принципам Clean Architecture с использованием BLoC. Благодаря этому продукт проще поддерживать и развивать, добавляя новую функциональность без существенной переработки существующей системы.

Для мобильной разработки выбрали Flutter: единая кодовая база для iOS и Android ускоряет выпуск новых функций. При этом распространённость Flutter снижает зависимость клиента от конкретного подрядчика: MonAmie может развивать продукт силами внутренней команды, с нашей помощью или привлечь другую команду.

Для дальнейшей поддержки и развития продукта мы подготовили техническую документацию и API-схему взаимодействия приложения с backend.

Результат

Для MonAmie проект стал первым этапом перехода к новой цифровой модели: мобильное приложение из отдельного сервиса с бонусами превратилось в полноценный канал продаж, через который компания планирует наращивать долю онлайн-продаж и вовлеченность покупателей.

При этом заложенная архитектура даёт запас на будущее. Запускать новую функциональность, персонализировать взаимодействие с покупателями, внедрять новые сценарии, постепенно подключать к общей системе розницу можно без глобальных изменений в мобильном приложении.