Леонардо

Заказчик

Единственная в России сеть хобби-гипермаркетов

«Леонардо» — это более 100 офлайн-магазинов и онлайн-магазин, где можно купить все необходимое для творчества.

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

Задача

Обновить приложение, повысив его стабильность и отказоустойчивость

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

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

Денис

Менеджер проектов WINFOX

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

Решение

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

При работе над приложением для Android мы использовали Kotlin и MVVM — современный, признанный сообществом и рекомендованный Google подход
к разработке.

При выборе библиотек опирались на удобство использования, отказоустойчивость, полную совместить с Kotlin и пожелания заказчика. Так мы выбрали Coroutines, Navigation Components, Retrofit, Hilt, Coil, Paging, Yandex Mapkit, Jetpack Compose, Jivo chat, Firebase, Room.

Серверную часть подключили с помощью классического REST и библиотеки Retrofit. Классический REST — это популярный архитектурный подход для создания API в современном мире. А библиотека Retrofit — лучший серверный клиент для Android.

У нас был схожий опыт написания приложений для маркетплейсов. На прошлых проектах наши разработчики научились работать с библиотеками и использовали некоторые из них для этого приложения. Например, подключили библиотеку Paging Library 3.0 для порядковой нумерации страниц каталога.

Александр Хрущев

Технический директор WINFOX

Нам нужно было сделать так, чтобы в приложении отображался динамический UI с сервера. Чтобы решить эту задачу, мы использовали подход Server Driven UI, при котором за отображение экрана отвечает сервер.

Подход Server Driven UI полностью соответствует пожеланиям заказчика и позволяет бизнесу поменять любой экран без выпуска обновлений в AppStore и Google Play. Достаточно внести изменения на сервере — и пользователи увидят новый экран.

Александр Хрущев

Технический директор WINFOX

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

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

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

Дмитрий

UX/UI-дизайнер WINFOX

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

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

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

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

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

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

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

Дмитрий

UX/UI-дизайнер WINFOX

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

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

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

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

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

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

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

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

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

Среди клиентов «Леонардо» — не только обычные покупатели, но и компании.
Для вторых мы реализовали отдельный интерфейс оформления заказа, в котором можно указать реквизиты вроде ИНН и названия организации.

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

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

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

Рядом с каждым заказом отображается статус, который регулярно обновляется.

Если заказ доставлен, пользователь видит статус на зеленой плашке. Если задерживается — на красной.

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

Чтобы повышать вовлеченность покупателей и укреплять систему лояльности, мы реализовали систему поощрений за отзывы.

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

Денис

Менеджер проектов WINFOX

Подарочный сертификат за баллы

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

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

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

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

Отзывы

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

А еще отзывы позволяют «Леонардо» контролировать качество товаров, которые поставляют производители.

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

На главной — специальный раздел для творческих людей «Онлайн-мастерская Леонардо». 

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

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

Денис

Менеджер проектов WINFOX

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

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

Мы реализовали сканер штрихкодов, который использует камеру смартфона.

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

Гипермаркеты «Леонардо» открываются в других странах, поэтому в приложении пользователь может выбрать нужную страну. Интерфейс автоматически будет переведен на язык этой страны.

Результат

Современное приложение с высокой конверсией и мощными возможностями для постоянного развития

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

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

Денис

Менеджер проектов WINFOX