Мобильное приложение для «Амурфармации»

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

«Амурфармация» — одна из крупнейших аптечных сетей Дальнего Востока с более чем 90 аптеками в 34 городах. После запуска интернет-магазина доля мобильного трафика превысила 80%, поэтому следующим этапом стало создание мобильного приложения для iOS, Android, Huawei и RuStore.

Главная сложность проекта заключалась в переносе сложной аптечной e-commerce логики в мобильное приложение без упрощения бизнес-процессов. Приложение работает с несколькими типами складов, поддерживает до шести цен на один товар, учитывает бонусные программы, промокоды и сложные правила оформления заказов. Для реализации проекта использовали единый бэкенд с сайтом, разработали более 120 API-методов, перенесли фильтрацию на Elasticsearch, внедрили интеллектуальный поиск и создали собственный SDK оплаты ЮKassa для React Native. В результате заказчик получил полноценный мобильный канал продаж, интегрированный со всей цифровой экосистемой компании.

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

Мобильное приложение упростило покупку лекарств для жителей Амурской области, где расстояния между населенными пунктами могут быть значительными, а ассортимент в конкретной аптеке — ограниченным.

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

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

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

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

Для решения задачи мы разработали кроссплатформенное мобильное приложение на React Native с единой инфраструктурой вместе с сайтом. Приложение получило общий бэкенд, интеграции с ERP-системами, 1С, MindBox и программой лояльности. Была полностью перенесена сложная логика ценообразования, удаленных складов, бонусов, промокодов и оформления заказов. Для повышения производительности фильтрацию каталога перевели на Elasticsearch, что позволило ускорить работу фильтра в 6 раз.

В результате заказчик получил полноценный мобильный продукт для iOS и Android с публикацией в App Store, Google Play, и RuStore, единый контур управления сайтом и приложением, а также дополнительный канал коммуникации с клиентами через систему push-уведомлений и мобильные акции.

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

Ключевой технический вызов проекта заключался в переносе сложной логики аптечного e-commerce из веба в мобильное приложение без упрощения бизнес-процессов. В системе одновременно работают более 90 аптек, несколько типов складов, бонусные программы, промокоды и многоуровневое ценообразование. Для мобильного приложения была реализована поддержка шести цен на один товар: обычной и акционной цены сайта, цены в аптеке, цены удаленного склада, а также обычной и акционной мобильной цены.

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

Отдельного внимания потребовала производительность каталога. Стандартный смарт-фильтр Битрикса не справлялся с нагрузкой и тысячами значений параметров, поэтому фильтрацию перенесли на Elasticsearch. Дополнительно был реализован поэтапный интерфейс фильтра, который загружает данные только по мере необходимости. В результате скорость работы фильтра увеличилась в 6 раз.

Еще одной нестандартной задачей стала интеграция ЮKassa. На момент разработки актуального SDK для React Native не существовало, поэтому команда адаптировала и фактически пересобрала собственное решение с поддержкой карт МИР, СберПэй, сохранения платежных данных и сканирования банковских карт для iOS и Android.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

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

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

Скриншоты