Омниканальность для 600+ магазинов: как мы перезапустили мобильное приложение «Юничел» на React Native

Делимся кейсом масштабного обновления мобильного приложения для бренда «Юничел» — крупнейшего российского производителя обуви с федеральной розничной сетью из более чем 600 магазинов в России и Казахстане. Рассказываем, как объединить e-commerce платформу, 1С, розничные склады и электронную систему лояльности в единый быстрый продукт на стеке React Native и Expo.

Исходная ситуация: вызовы федерального ритейла

Обувной ритейл — одна из самых сложных ниш в e-commerce с точки зрения логистики и пользовательского пути. Здесь критически важен выбор конкретного размера, проверка физического наличия пары в ближайшем магазине и возможность примерить обувь перед покупкой.

Предыдущая версия мобильного приложения компании требовала фундаментального обновления по ряду причин:

1. Разрыв логики сайта и приложения: Механики оформления заказа, расчета скидок и применения промокодов существовали обособленно, что усложняло поддержку и путало покупателей.
2. Тяжелая синхронизация остатков: В сети более 600 розничных точек. Покупатель должен видеть актуальное наличие конкретного 38-го или 42-го размера в своем городе в режиме реального времени.
3. Отсутствие гибкого управления контентом: Главный экран приложения был жестко статичным — маркетологи не могли оперативно менять баннеры, запускать промо-акции и переставлять блоки без участия разработчиков и выкатки обновлений в App Store и Google Play.

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

Архитектура: Перевод на прямой REST API интернет-магазина

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

• Frontend: Кроссплатформенная разработка на React Native & Expo. Это позволило получить нативную производительность интерфейса на iOS и Android при единой кодовой базе.
• Backend & REST API: Мобильное приложение переведено на прямое взаимодействие с API e-commerce платформы (HostCMS).
• Синхронизация с 1С: Двусторонний обмен данными с учетной системой сети в реальном времени. Цены, персональные накопительные скидки, остатки на складах и статусы заказов обновляются мгновенно.

Ключевые решения проекта

1. Электронная карта лояльности со штрих-кодом на кассе

Пластиковые дисконтные карты уходят в прошлое — клиенты забывают их дома или теряют. В новом приложении карта лояльности доступна в один тап сразу после быстрой авторизации.

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

2. Умное бронирование и примерка в розничной сети

Для обувного магазина примерка — ключевой фактор конверсии. Мы спроектировали интуитивный модуль локального бронирования:

1. Пользователь выбирает нужную модель и размер обуви.
2. Приложение отображает интерактивный список магазинов его города, где эта пара есть в наличии прямо сейчас.
3. В один клик оформляется резерв на примерку.
4. Товар автоматически бронируется в розничной точке, а клиенту приходит уведомление о готовности заказа.

3. Единый чекаут и динамическое управление контентом

• Сквозная корзина и оформление заказа: Логика чекаута, способов оплаты и доставки полностью повторяет веб-версию интернет-магазина. Клиент получает абсолютно предсказуемый и привычный опыт независимо от того, покупает ли он с компьютера или со смартфона.
• Управление блоками из CMS: Маркетологи компании могут менять акционные баннеры, запускать сезонные распродажи и менять порядок промо-подборок на главном экране напрямую из административной панели без участия разработчиков.

4. Мгновенные обновления «по воздуху» (Expo OTA Updates)

Один из главных технологических прорывов этого релиза — интеграция технологии EAS / Expo Over-The-Air Updates.

Теперь доработки UI, улучшение верстки экранов и срочные хотфиксы доставляются на смартфоны пользователей моментально при следующем запуске приложения. Нам больше не нужно ждать от нескольких часов до суток, пока Apple или Google одобрят обновление в App Store и Google Play.

Результаты внедрения новой версии

1. Рост частоты использования бонусной карты: Доля покупок с применением электронной карты лояльности на кассах розничной сети выросла более чем на 40%.
2. Сокращение времени на оформление заказа: Единый чекаут и быстрая авторизация по SMS снизили процент отказов на этапе корзины.
3. Бесшовная поддержка: Управление акциями из CMS и OTA-обновления сократили затраты команды ритейлера на поддержку приложения в 2.5 раза.

Итог

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