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

— Волнистые линии, которые используются в дизайне приложения, мы перенесли в офлайн и теперь используем эти элементы в оформлении вывесок и внутренних пространств аптек.

— Заказчик утвердил дизайн практически без правок, особенно высоко оценив корзину и карточку товара. Фишкой дизайна стало отображение штрих-кода бонусной программы на экране загрузки приложения: с ним легко предъявить карту в аптеке, даже если есть проблемы с мобильным интернетом.

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

— Мы заранее разбили всю логику интернет-магазина на REST-эндпоинты (URL-адреса, к которым отправляются HTTP-запросы на сайт) по контроллерам: главная страница, каталог, корзина, оформление заказа, личный кабинет и т. д.

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

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

— Из-за бизнес-логики с двумя ценами на один товар (а вместе с ними и удвоенными «старыми» ценами, бонусами и сроками ожидания) пришлось решать задачу повышенной плотности данных. На экран приходилось в два раза больше информации, чем в любом привычном интернет-магазине, поэтому важно было не просто её уместить, но и сохранить внимание пользователя, направляя его в нужную сторону.

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

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

— Сказать что корзина и оформление заказа «Амурфармации» — это «космос» — это ничего не сказать… Пожалуй, даже панель управления «Сокола тысячелетия» меркнет перед возможностями простого покупателя в нашем приложении :)

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

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

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

 — Также в каталоге мы реализовали «быстрые» фильтры — интерактивные плашки на экране каталога, которые одним нажатием открывают нужный экран фильтра. Так пользователь сразу видит самые важные параметры (например, «Наличие в аптеке») без необходимости пролистывать весь список фильтров.

 — Мы нашли и скопировали себе устаревшую библиотеку ЮKassa для React Native — оригинального решения не было, а код библиотеки не работал на современной SDK платежного сервиса.

Я взял ее за основу и полностью адаптировал библиотеку под актуальные версии с поддержкой карт МИР и СберПэй. При этом доработки для Android были выполнены на Kotlin, а для iOS — на Swift и Objective-C.

 — Мы внедрили «тихие» пуш-уведомления, которые не показываются пользователю, но автоматически обновляют список и статус заказов на главном экране, чтобы приложение всегда отображало актуальные данные.

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

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

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