Леонардо — мобильный онлайн-гипермаркет товаров для творчества

«Леонардо» — сеть хобби-гипермаркетов и интернет-магазин товаров для хобби и творчества. В каталоге представлены десятки тысяч товаров для рукоделия, рисования, шитья, вязания, декорирования, детского творчества и других хобби. Покупатели могут заказывать товары онлайн или приобретать их в магазинах сети.

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

Учли технические особенности бэкенда, использовали опыт разработки мобильных маркетплейсов и упростили дальнейшее развитие приложения

Android-приложение разработали на Kotlin с архитектурой MVVM.

В проекте использовали Coroutines, Navigation Components, Retrofit, Hilt, Coil, Paging, Yandex MapKit, Jetpack Compose, JivoChat, Firebase и Room. Взаимодействие с серверной частью реализовали через REST API и Retrofit.

Для динамического интерфейса применили Server Driven UI: часть данных для отображения экранов приложение получает с сервера. Такой подход позволяет управлять отдельными элементами интерфейса на стороне бэкенда.

Каталог в виде плитки

У «Леонардо» большой ассортимент товаров для разных видов творчества. Чтобы упростить навигацию, каталог построили в виде крупных плиток с категориями.

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

Сортировка и фильтры

Товары можно сортировать по цене, новизне и популярности.

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

Продающая карточка товара

В карточке товара пользователь может выбрать цвет, посмотреть фотографии, проверить наличие и прочитать отзывы.

На этом же экране отображаются доступные варианты и сроки доставки, поэтому основные данные для выбора товара собраны в одном месте.

Выбор ближайшего офлайн-магазина

Приложение связывает онлайн-каталог с магазинами сети «Леонардо».

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

Поиск магазина, где товар есть в наличии

Если товара нет в выбранной точке, приложение помогает найти другой магазин «Леонардо», где нужная позиция доступна.

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

Выбор способа доставки

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

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

Выбор происходит на этапе подтверждения заказа.

Отдельная форма заказа для юридических лиц

«Леонардо» работает не только с физическими лицами, но и с компаниями.

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

Выбор товаров к заказу из корзины

Пользователь может хранить в корзине несколько товаров, но оформлять только часть из них.

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

Актуальный статус заказа

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

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

Бонусные баллы за отзывы

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

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

Накопленные бонусные баллы можно обменять на подарочные сертификаты «Леонардо» разных номиналов.

Оформить сертификат пользователь может в личном кабинете приложения.

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

В приложение интегрировали дисконтную программу «Леонардо».

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

Отзывы

На основе пользовательских отзывов автоматически рассчитывается средняя оценка товара по пятибалльной шкале.

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

Видео с мастер-классами

На главном экране приложения размещен раздел «Онлайн-мастерская Леонардо».

В нем собраны обучающие видео по вышивке, декорированию, скетчингу и другим направлениям творчества.

Так пользователь может не только покупать материалы, но и получать идеи по их применению.

Сканер штрихкодов

Приложение можно использовать непосредственно в магазине.

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

Так офлайн-товар связывается с его карточкой в мобильном приложении.

Локализация для стран СНГ

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

После выбора пользователь получает соответствующую локализованную версию интерфейса. Это позволяет использовать одну мобильную платформу для работы «Леонардо» на разных рынках.

Стабильное мобильное приложение для онлайн-покупок и взаимодействия с розничной сетью «Леонардо»

WINFOX обновил мобильное приложение «Леонардо» и реализовал в нем полный пользовательский сценарий покупки: от поиска товара и проверки наличия до оформления заказа, выбора способа получения и отслеживания статуса.

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

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