Кейс "Петрович" от А до Я: разработка мобильного приложения для строительного гипермаркета и экосистемы

команда

экранов

115+

годы работы

2016—

платформа

iOS, Android

Особенности проекта

Что сделали: проектирование, дизайн, разработка.
Виртуальная примерка обоев и навигация по складам.
Сканер штрих-кодов и NFC‑меток в торговом зале для оплаты онлайн или на кассе.
Создание смет для отправки заказчику на согласование или оплату.

Два типа клиентов: физические и юридические лица.
Расчет стоимости и точного времени доставки по гибкому набору параметров «на лету».
Переключение единиц измерения: упаковки, штуки, квадратные метры.

От базовых функций до омниканального подхода

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

Несколько сценариев покупок

Выбор товаров в приложении, заказ с самовывозом

Выбор товаров в приложении, заказ с доставкой, включая быструю на стройплощадку

Прораб создает смету, а клиент заказывает и оплачивает

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

В строительном центре

Реализовали инструменты, которые улучшают опыт покупок в строительных центрах.

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

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

Навигация по складам

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

Карта «Клуба Друзей»

Клиент может добавить клубную карту «Петровича» в приложение и получать скидки онлайн или использовать в строительных центрах.

Примерка обоев

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

Карточка товара в деталях

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

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

Обычная цена и по карте клуба

Калькулятор для конвертации упаковок в единицы измерения

Корзина с общим весом товаров и суммой всегда на виду

Быстрый переход к товарам из категории

Информация по остаткам в строительных центрах

Категории с дополняющими товарами

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

Обычная цена и по карте клуба

Калькулятор для конвертации упаковок в единицы измерения

Корзина с общим весом товаров и суммой всегда на виду

Быстрый переход к товарам из категории

Информация по остаткам в строительных центрах

Категории с дополняющими товарами

Смета из корзины

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

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

Два типа клиентов

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

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

Гибкая настройка доставки

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

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

Предупреждаем об особенностях транспортировки товаров.

На чекауте предлагаем дополнительные услуги в зависимости от выбранных товаров:

Для красок — колеровку;
Для строительных материалов — распил;
Стандартно — вывоз мусора и аренду инструментов.

При самовывозе показываем строительные центры, в которых есть выбранные товары.

В стиле бренда

Закрепили стиль в интерфейсе: выполнили основные элементы в фирменном желтом цвете.

Создали UI-kit с оригинальными иконками, кнопками, пиктограммами во всех возможных состояниях.

Разработка в срок

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

Продолжаем развивать приложение вместе с командой «Петровича».

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