NADH: мобильный интернет-магазин с подпиской, программой лояльности и интеграцией с сайтом

NADH — интернет-магазин товаров для здоровья премиум-класса.

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

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

Пользователь должен был иметь возможность пройти весь путь внутри приложения: от знакомства с товаром до оформления и оплаты заказа.

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

Ключевой сложностью проекта стала интеграция.

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

WINFOX спроектировал REST API для взаимодействия мобильных приложений с backend, сформировал требования к обмену данными и участвовал в тестировании реализации.

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

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

Главная

Главный экран объединяет витрину магазина и маркетинговый контент.

Здесь можно размещать акции, новые товары и материалы корпоративного блога. Контент собирается из отдельных блоков с текстами, изображениями и видео.

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

Каталог

В каталоге представлен ассортимент интернет-магазина.

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

Пользователь может быстро просмотреть ассортимент и перейти к нужному продукту.

Корзина

В корзине пользователь может изменить количество товаров, удалить позиции или вернуться в карточку продукта.

Сценарий спроектировали так, чтобы сократить путь от выбора товара до оформления заказа.

Профиль

Личный кабинет объединяет данные клиента и историю его взаимодействия с магазином.

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

Также внутри приложения можно управлять уведомлениями без перехода в системные настройки смартфона.

Другое

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

Здесь находятся правила программы лояльности, информация о возврате и обмене товаров, обратная связь и возможность оценить приложение.

Что умеет приложение

Быстрая регистрация

Регистрация происходит по номеру телефона.

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

Выбор способа оплаты

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

Промокоды

Промокод можно применить непосредственно в корзине и сразу получить предусмотренную условиями акции скидку.

Для бизнеса это дополнительный инструмент проведения маркетинговых кампаний и стимулирования повторных покупок.

Подписка на товары

В приложение встроили механику подписки на товары.

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

Так приложение становится не только витриной магазина, но и инструментом повторных продаж.

Быстрый заказ

Для покупателей, которые не хотят проходить полный процесс оформления, предусмотрели короткий сценарий.

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

Это позволяет сохранить потенциальную продажу, даже если клиент не готов самостоятельно завершить оформление.

Полезный контент

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

Бонусная программа

За покупки пользователю начисляются бонусные рубли.

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

Механика встроена непосредственно в процесс покупки и помогает стимулировать повторные заказы.

Отзывы о товарах

Покупатели могут оставлять отзывы о приобретенной продукции.

Отзывы помогают другим пользователям принимать решение о покупке. При отправке отзыва клиент указывает имя и номер телефона, которые поступают в систему заказчика.

В результате NADH получил не мобильную копию сайта, а новый канал продаж, встроенный в существующую e-commerce инфраструктуру.

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

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

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

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

Для заказчика при этом не потребовалось создавать отдельную систему управления ассортиментом: каталог и данные используются из существующего backend.

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

В итоге приложение стало не просто мобильной версией интернет-магазина, а дополнительным каналом продаж и повторных коммуникаций с клиентами.