Увеличили продажи на 34%. Стройпарк — мобильное приложение для сети строительных гипермаркетов

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

В кейсе рассказываем

1. Зачем строительному гипермаркету понадобилось приложение

2. Что узнали на предпроектной аналитике

3. Как помогли покупателям еще на дизайне

4. Какие фичи и интеграции реализовали

5. Итог: что получили покупатели Стройпарка

Стройпарк — крупный сибирский строительный ретейлер, на рынке с 1998 года. В оффлайн и онлайн-магазинах сети представлено более 56 000 наименований товаров для стройки, ремонта, дома и сада: от гвоздей и плинтусов до картин и садовых гномов. А еще специалисты Стройпарка оказывают более 20 сервисных услуг по ремонту, садовым работам и декору.

У сети гипермаркетов — 2 офлайн-точки и онлайн-магазин. Наш клиент решил дополнить его мобильным приложением, чтобы увеличить рынок и привлечь новых покупателей — тех, кому неудобно пользоваться сайтом с мобильных устройств. А это — более 60%, как показала Яндекс Метрика.

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

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

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

Далее приступили к предпроектной аналитике:

Здесь тоже особое внимание уделили ревью исходных материалов клиента. И основательно поработали с контентом:

Проработав UX, приступили к дизайну. Хорошей базой для работы стал подробный брендбук клиента. Мы слегка доработали его:

На разработке первым делом решили проблему долгой связи приложения с ПО при сборе данных о заказе. Занимало это длительное время: до 20 секунд пользователь видел пустой экран. Оптимизировали синхронизацию и реализовали скелетную загрузку: до того, как появится вся страница, пользователь уже видит примерный контент сайта — серые блоки, которые далее заполняются информацией. Так покупатель понимает, что приложение откликается на его действие и обрабатывает информацию, не обновляет страницу и не уходит с нее.

Что реализовали после:

Приложение разрабатывали на кроссплатформенном фреймворке React Native. Его код можно использовать одновременно и на iOS, и на Android. Так значительно сократили время и стоимость разработки для клиента.

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

Приложение получилось функциональным, легким и стильным — все, как и задумывали ( ˘⌣˘)♡

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

Уникальное предложение получили покупатели-юрилица: корзину с раздельными списками покупок и чеками для разных объектов.

Но на этом работу не закончили. Вместе с клиентом развиваем приложение: переносим с сайта раздел «Сервисы», через который можно, например, взять строительный инструмент в аренду или записаться на проектирование кухни. Регистрируем в других магазинах приложений: Apple Store, Google Play; рассматриваем регистрацию в Huawei AppGallery, Samsung Galaxy Store. Чуть позже планируем внедрить чат поддержки покупателей, покупки без регистрации, интегрировать платежные системы других банков (сервис Долям от Т-Банка).

Мы — Пиробайт, занимаемся индивидуальной разработкой для бизнеса. Делаем веб-сервисы, мобильные приложения, корпоративные системы, CRM и ERP. Интегрируем 1С, платежные системы и агрегаторы, карты и сервисы без потери данных и производительности сайта.

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