Домострой - интернет-магазин DIY

Article cover

Как мы помогли сети магазинов "Домострой" создать интернет-магазин и увеличить конверсию в два раза


Представьте себе: к нам обращается крупная сеть магазинов строительных материалов и товаров для дома, "Домострой", которая хочет выйти на новый уровень и запустить собственный интернет-магазин. У компании 56 офлайн-магазинов в 30 городах Уральского региона, и она стремится стать достойным конкурентом таким гигантам, как Леруа Мерлен и Петрович.

Что хотел клиент?

"Домострой" имел только розничные магазины и не занимался онлайн-продажами. Они обратились к нам со следующими задачами:

  • Разработать интернет-магазин с базовым функционалом, который позволит им выйти на рынок онлайн-продаж.
  • Реализовать умный поиск, включающий в себя:
    • Учет опечаток и синонимов.
    • Поиск по транслитерации.
    • Ранжирование товаров по популярности и наличию на складе.
  • Обеспечить учет остатков и настроить отображение товаров на сайте в зависимости от их наличия в магазинах.
  • Ускорить процесс наполнения контентом и характеристиками карточек товаров, чтобы быстро представить широкий ассортимент продукции.
  • Предложить решения для сложных бизнес-процессов, связанных с интеграцией различных локальных баз данных и уникальных конфигураций 1С.

Наш подход к задаче

Мы начали с тесного взаимодействия с директором интернет-магазина и директором отдела контент-менеджмента "Домострой". В первых продуктивных встречах мы:

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

Технологические особенности проекта

  • Технологии разработки: мы выбрали ReactJS и Next.js для фронтенда, Go Lang для бэкенда. Это обеспечило высокую производительность и масштабируемость приложения.
  • Интеграция с 1С: основная сложность заключалась в том, что у компании не было централизованной базы данных. Разные магазины использовали локальные базы с собственными конфигурациями. Мы разработали общий адаптер, который подстраивали под каждую уникальную базу отдельно, обеспечив единообразную интеграцию.
  • Решение проблемы с остатками: чтобы избежать ситуации, когда товар покупают одновременно в магазине и на сайте, мы внедрили инструмент, который скрывает товар на сайте, если его остаток падает ниже определенного порога. Это исключило возможность заказа отсутствующего товара.
  • Ускорение наполнения карточек товаров: у компании было 30 контент-менеджеров, которые вручную заполняли каждую карточку, даже если информация повторялась. Мы разработали инструмент массового редактирования, позволяющий быстро обновлять информацию для большого количества товаров, экономя время и ресурсы.
  • Расширение ассортиментной матрицы: мы добавили возможность заказывать товары не только из своего города, но и из близлежащих городов. Это расширило ассортимент и увеличило удовлетворенность клиентов.
  • Конструктор параметров доставки: каждый город имел свои особенности доставки — разные типы, стоимости, графики. Мы создали инструмент для гибкой настройки этих параметров, учитывая отдаленность магазина, время работы и другие факторы.
  • Калькулятор единиц измерения: для удобства покупателей мы разработали калькулятор, который позволял выбирать удобную единицу измерения (например, квадратные метры вместо погонных). Система автоматически переводила это в основные единицы для оформления заказа. Мы реализовали конструктор, позволяющий без участия разработчиков настраивать правила конвертации для разных типов товаров.

Что мы реализовали

  • Запустили интернет-магазин за 3 месяца с ключевыми функциями и инструментами для управления товарами и заказами.
  • Реализовали систему управления с разделами PIM, OMS, Master Data и CDP:
    • PIM (Product Information Management): система управления информацией о товарах, позволяющая эффективно обновлять и хранить данные о продукции. Это упростило работу контент-менеджеров и повысило качество данных.
    • OMS (Order Management System): система управления заказами, обеспечивающая полный цикл обработки — от оформления до доставки. OMS интегрирована с 1С, что позволяет автоматически обновлять статус заказов и отслеживать их выполнение.
    • Master Data: централизованное хранилище основных данных компании, таких как информация о клиентах, товарах, поставщиках. Это обеспечило согласованность и актуальность данных во всех системах.
    • CDP (Customer Data Platform): платформа данных о клиентах, позволяющая собирать, объединять и анализировать информацию из разных источников. Это помогло персонализировать маркетинговые кампании и улучшить взаимодействие с клиентами.
  • Улучшили пользовательский опыт: благодаря умному поиску и калькулятору единиц измерения клиенты могут легко находить нужные товары и рассчитывать количество, что повышает вероятность покупки.
  • Обеспечили устойчивую интеграцию с 1С: настроили обмен ценами и остатками в режиме реального времени, что снизило отмены заказов на 43%.

С какими трудностями мы столкнулись

  • Конфликты в программном коде: над проектом работало 7 разработчиков, что при частых обновлениях приводило к конфликтам и сбоям в функционале. Из-за отсутствия ресурсов на автоматическое тестирование мы справлялись усилиями команды, но это замедляло процесс. Впоследствии мы внедрили практики код-ревью и начали планировать ресурсы для тестирования.
  • Проблемы с редиректами и SEO: компания приобрела несколько магазинов с собственными сайтами и аудиторией. При переводе этих магазинов на новую платформу мы столкнулись с необходимостью сопоставления ссылок старых сайтов с новым, чтобы сохранить SEO-показатели и не потерять трафик. Это заняло дополнительное время, которое не было учтено изначально.
  • Ограничения ReactJS: первоначально используемые версии ReactJS не позволяли достичь высоких показателей в Google PageSpeed Insights, что негативно влияло на SEO. Мы пробовали дополнительные механизмы кэширования, но были технические ограничения. После обновления фреймворка и применения новых подходов мы решили эту проблему и достигли высоких скоростей загрузки страниц.

Результаты

  • Привлекли 30 000 уникальных пользователей в сутки за полгода после запуска сайта.
  • Увеличили конверсию сайта с 2,5% до 5%. Для сайтов в сфере строительных материалов это очень впечатляющий показатель, свидетельствующий о высокой эффективности нашего решения.
  • Снизили отмены заказов на 43% благодаря реальному времени обновления цен и остатков между 1С и сайтом.
  • Упростили процесс оформления заказов и улучшили пользовательский опыт, что позитивно отразилось на лояльности клиентов и повторных покупках.

Выводы

Наш опыт с "Домострой" показал, как важно не только внедрять современные технологии, но и глубоко понимать бизнес-процессы клиента. Мы смогли создать мощный инструмент для онлайн-продаж, который не только расширил присутствие компании в цифровом пространстве, но и существенно повысил показатели продаж и эффективности.

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