Веб-разработка интернет-магазина

Заказчик
УютСтрой
Задача
“УютСтрой” обратились к нам за разработкой продающего интернет-магазина взамен старого с плохой конверсией.

Презентация по проекту

Заказчик:

УютСтрой — крупнейшая сеть гипермаркетов Крыма для ремонта и обустройства дома:

  • 180 000+ товарных наименований
  • 4 магазина в Симферополе и Севастополе
  • 82 000 кв.м общая площадь
  • 1500+ сотрудников
  • 800+ заказов ежедневно

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

Хочется отметить, что до того, как Заказчик обратился к нам, у него уже был интернет-магазин “Новацентр”, которому срочно нужен был апгрейд, потому что:

  • использовался Битрикс, дорабатывать который стоило космических денег. Как говорил заказчик, каждая доработка рассчитывалась десятками тысяч долларов.
  • у сайта был устаревший дизайн
  • были проблемы при загрузке данных из 1С - она не просто была медленной, она толком не работала. Интернет-магазин зависал во время выгрузки или обмена товарами с 1С.

Поэтому Заказчик и обратился к нам с задачей, цитирую: "Ребята, нужно сделать магазин современным, функциональным и быстрым!"

Мы взялись за дело. Обсудили технологии, и решили использовать лучшее и проверенное, что есть в IT:

  • Django, Python, Postgress для бекенда
  • микросервисную архитектуру для обмена номенклатурой на базе RabbitMQ
  • и React для фронтенда.

Мы выбрали эти технологии не просто так. Django и Python подошли, потому что позволяют легко управлять большими объемами данных и сложной бизнес-логикой. RabbitMQ помогает справляться с обменом более 80 тысяч товаров без задержек. А React делает сайт быстрым и удобным для пользователей.

Кроме того, для себя мы выделили главное при разработке сайта для интернет-магазина:

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

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

3. Безопасность и защита данных клиентов

В своей работе над проектом Уют Строй мы реализовали эти ключевые аспекты и требования заказчика.

 

Разработка сайта была организована по спринтам.

Длительность 1 спринта - 1 месяц. Каждый спринт проходил в 3 шага:

  • Шаг 1: Постановка задач и аналитика

Руководитель проекта со стороны заказчика приносил бизнес-идеи. Мы проводили анализ в соответствии с бизнес-целями, изучали конкурентов, проводили мозговые штурмы. По некоторым задачам создавали UML-диаграммы для лучшего понимания этапа работы. Оценивали трудозатраты.

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

  • Шаг 2: Дизайн и прототипы

Проработка дизайн-прототипа всегда помогает согласовать видение конечного результата.

  • Шаг 3: Разработка, тестирование и продакшн

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

Протестированный функционал демонстрировался на staging-сервере. После утверждения заказчиком мы выставляли акт и счет. Работы по оплаченному этапу внедрялись в продакшн.

Несколько слов об утверждении задач.

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

На сайте реализован функционал:

  • каталог товаров
  • карточки товаров
  • подборки товаров
  • фильтры (по категориям, наличию, цене, бренду и другим параметрам, включая теги, скидки и рейтинг)
  • гибкая система отображения стоимости
  • избранные товары
  • блог
  • информационные страницы
  • корзина
  • онлайн-чат для мессенджеров и электронной почты
  • умный поиск
  • акции
  • микросервис для обмена товарами с 1С
  • эквайринг от Юкасса
  • кастомное решение по серверному рендерингу (SSR) для улучшения SEO

Сотрудничество с «УютСтрой» продолжается, так как "нет предела совершенству", а рынок E-com требует постоянного развития и новых решений.

Дополнительные функции.

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

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

Информация синхронизирована с 1С, и данные о складских запасах всегда актуальные.

Интеграции.

Ключевая часть проекта "УютСтрой" - интеграции:

  • 1С и RabbitMQ

Интеграция с 1С через RabbitMQ позволяет обрабатывать сообщения о товарах. Объем данных не важен, поскольку обмен происходит поочередно.

  • CRM-система

"УютСтрой" использует AMOCRM для управления заказами из 1С.

  • Платежные системы

Подключен эквайринг через ЮKassa для обработки платежей, с функцией замораживания: заказ считается оплаченным после подтверждения наличия товаров на складе менеджером в 1С.

  • Поисковая система

Интеграция с AnyQuery обеспечивает эффективный поиск (подсказки, статистика запросов, автоматические фильтры и синонимы). API-интеграция обеспечивает гибкость и контроль.

  • Аналитика

Система аналитики Roistat собирает данные по запросам пользователей и взаимодействию с техподдержкой, интегрирована в react-приложение для веба.

Работу над проектом мы завершили полностью за 6 месяцев.

Результаты нашего сотрудничества для Заказчика:

  • Рост уникальных посетителей: +48%
  • Увеличение общего количества сеансов: +35%
  • Рост конверсии в покупку с 0,4% до 1,7%.
  • Снижение отказов с 71% до 45%.
  • Рост мобильного трафика: +40%
  • Увеличение доли повторных покупателей с 17% до 31%.

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

Заказать веб-разработку интернет магазина с ItFox: https://mobile.itfox-web.com/main/ru


Перейти на сайт

В карточку агентства

Письмо автору кейса

Пользуйтесь реальным опытом в IT и следите за успехами потенциальных подрядчиков и конкурентов
Подпишитесь на рассылку
Читайте также
Кейсы по теме#Товары народного потребления
Проекты компании Proactivity Group