Модернизация интернет-магазина Vdashop.ru

Заказчик

«Все Для Автомоек» — сеть магазинов по продаже широкого спектра оборудования, автохимии и аксессуаров для автомоек и детейлинг-центров по всей России.

Задача

Мы поставили цель – оптимизировать производительность ресурса и превратить сайт в современный инструмент для автоматизации бизнес-процессов, который отвечал бы потребностям B2B- и B2C-клиентов.

О ситуации

Когда мы начали работать над Vdashop.ru, это был интернет-магазин, построенный на монолитной архитектуре, с устаревшим ядром Intec. Это затрудняло внесение изменений и модернизацию функционала.

Мы провели сегментацию аудитории и установили, что B2B-клиенты чаще совершают крупные и однотипные заказы, в то время как B2C-покупателей больше, но они покупают на меньшие суммы.

Цель

Мы поставили цель – оптимизировать производительность ресурса и превратить сайт в современный инструмент для автоматизации бизнес-процессов, который отвечал бы потребностям B2B- и B2C-клиентов.

Решение включало редизайн и улучшение UX, автоматизацию обмена данными с 1С, интеграции с CRM и маркетплейсами, а также внедрение гибкой системы поиска и оформления заказов.

Редизайн и улучшение UX

Разработали два типа каталога

• Для B2B — с функцией массового добавления товаров и инструментами для повторных заказов.
• Для B2C — с акцентом на визуальную привлекательность и удобную навигацию.

Доработали функционал каталога

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

Обновили личный кабинет

• Усовершенствовали авторизацию через телефон и соцсети.
• Настроили профили для юридических и физических лиц.
• Добавили анкету для персонализации скидок.
• Реализовали подписки на товары и уведомления о наличии, чтобы повысить удобство повторных покупок.
• Реализовали возможность повторного формирования заказов на основе истории покупок.
• Добавили функционал «Избранное» и «Комментарий к заказу».
• Оптимизировали интерфейс оформления заказа.

Провели доработку корзины

• Разделили товары в корзине на доступные и недоступные для заказа.
• Добавили функцию полной очистки корзины и восстановление ранее сохраненной корзины.
• Реализовали возможность делиться корзиной через ссылку, QR-код и соцсети.
• Внедрили возможность скачивания корзины в формате PDF.
• Разработали систему отложенных товаров с возможностью возврата в корзину.
• Внедрили загрузку товаров в корзину через Excel — для удобства B2B-клиентов.
• Создали систему шаблонов корзин для быстрого повторного заказа.
• Добавили быстрый поиск с возможностью добавления товара прямо из корзины.
• Разработали блоки рекомендаций: «С этим товаром покупают» и «Недавно просмотренные».

Усилили систему отзывов

• Добавили возможность оставлять отзывы с фото и текстом.
• Реализовали модерацию отзывов и ответы от администрации.
• Начали разработку системы мотивации пользователей к публикации отзывов.

Привели сайт в соответствие с требованиями «Роскомнадзора»

• Настроили корректную работу с cookie и пользовательскими соглашениями.
• Удалили запрещенный контент и элементы, не соответствующие законодательству РФ.

Полностью переработали мобильную версию

Мы учли рост мобильного трафика и адаптировали сайт под потребности пользователей смартфонов. Интерфейс стал более интуитивным и удобным.

• Улучшили навигацию.
• Ускорили загрузку страниц.
• Переработали оформление страниц: каталог, поиск, карточки товаров и корзину.

Интеграции

Интеграция Elasticsearch

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

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

Интеграция с 1С

Настроили двусторонний обмен данными с 1С для автоматического обновления остатков и цен.

Интеграция с маркетплейсами

Интегрировали платформу с маркетплейсами (Ozon, Wildberries, Яндекс.Маркет) для расширения присутствия компании и увеличения продаж.

Интеграция с логистическими и платёжными системами

Настроили обмен данными с логистическими и платёжными системами, упростив процесс доставки и оплаты.

Интеграция с CRM «Битрикс24»

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

Масштабируемость и обновление инфраструктуры

Backend-разработка

• Обновили ядро сайта и перешли на актуальную версию платформы «1С-Битрикс».
• Провели рефакторинг легаси-кода, что упростило внедрение новых функций и ускорило поддержку проекта.
• Разработали масштабируемое API, способное справляться с возрастающей нагрузкой и обеспечивать высокую производительность.
• Реализовали архитектурную связку Slim Framework + Bitrix + Nuxt.js, чтобы добиться разделения слоев и стабильной работы:
  • Slim Framework служит промежуточным API-слоем.
  • Bitrix выступает поставщиком данных и готовых бизнес-компонентов.
  • Nuxt.js реализует современный фронтенд с поддержкой SSR и статической генерации, ускоряя загрузку страниц и улучшая SEO.
• Создали документацию для команды заказчика, чтобы минимизировать затраты на дальнейшее сопровождение проекта.
• Настроили инструменты автоматизированного тестирования и мониторинга.

Frontend-разработка

• Изменили клиентскую часть с устаревшего веб-формата к виду современного веб-приложения.
• Улучшили отклик интерфейса для пользователя, минимизировав время ожидания.
• Использовали современные технологии для frontend-разработки (Nuxt, TypeScript).
• Выстроили полноценную фронтенд архитектуру, которая позволяет поддерживать, модифицировать и расширять приложение без сбоев.
• Ускорили показатели загрузки страниц сайта.

Повышение эффективности операционных процессов

• Настроили профили для юридических лиц, что упростило обработку документов и повторные закупки.
• Автоматизировали обновление данных о заказах и остатках, что снизило количество ошибок и рутинных операций.

Улучшение аналитики и маркетинга

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

Результат

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

• Улучшили пользовательский опыт — клиенты стали задерживаться на сайте дольше, а глубина просмотра выросла.
• Улучшение инфраструктуры упростило добавление новых функций и интеграций, что позволило сайту эффективно справляться с возрастающими нагрузками и сократило время загрузки страниц.
• Благодаря персонализации и повышению удобства взаимодействия с сайтом средний чек вырос.
• Количество заказов увеличилось на 15%.

Получите максимум практического контента и реальных кейсов по разработке e-commerce решений и автоматизации бизнес-процессов на нашем сайте: https://webest.ru/

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