Стройпарк

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

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

Мы подключились после предыдущих попыток создать приложение, которые не дошли до релиза. Взяли на себя аналитику, дизайн и фронтенд на React Native. Серверную часть развивала команда заказчика; приложение и сайт использовали общую систему заказов.

Что требовалось

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

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

Что сделали

01 / Проверили прототип на реальных задачах

Начали с аудита прототипа, данных Яндекс Метрики и восьми приложений конкурентов. В прежнем решении не хватало бонусов, ответов на комментарии менеджеров и нужной логики корзины. Аналитика также подтвердила значительную долю посещений с мобильных устройств.

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

02 / Разделили выбор товаров и оформление

На старом прототипе товары и доставка находились на одном экране. Мы разделили сценарий: сначала покупатель проверяет состав корзины, затем вводит адрес, контакты и условия получения. Так разные задачи перестают конкурировать за внимание в одной форме.

Переработали карточку товара, собрали UI-кит и перенесли фирменный стиль в мобильный интерфейс. Для первого знакомства с приложением создали 3D-иллюстрации. Всего подготовили почти 300 экранов. Для организаций предусмотрели корзину с отдельными списками покупок по строительным объектам.

03 / Связали приложение с магазином

Разработали общий фронтенд для iOS и Android на React Native. Добавили сканер штрихкодов: покупатель или сотрудник магазина может проверить нужный товар и его наличие. Заказы приложения связаны с той же серверной системой, что и заказы сайта.

Подключили Яндекс Карты для расчёта доставки. Это помогло учесть адреса в закрытых городках Томской области, которые прежний расчёт обрабатывал некорректно. Интеграция со СберБизнес ID и Sber API связала операции и документы сайта и мобильного приложения.

04 / Довели до релиза в трёх магазинах

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

Заранее учли требования магазинов приложений, включая политику конфиденциальности и жалобы на отзывы. Сначала прошли публикацию в RuStore, затем — в App Store и Google Play. После запуска продолжили обсуждать с клиентом новые функции и развитие продукта.

Результат

Показатели на момент публикации кейса

Приложение вышло в RuStore, App Store и Google Play. К моменту публикации кейса его скачали более 10 тысяч человек.

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

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