Разработка премиального интернет-магазина

Важно: проект реализован совместно с нашими партнерами из Touchmetrics. Команда Touchmetrics отвечала за коммуникацию с заказчиком и дизайн-проект, а LP Agency полностью реализовала frontend, backend, архитектуру системы, интеграции и техническую часть проекта.

Aurora.luxe — премиальный бренд одежды собственного производства, представленный на рынках России и стран СНГ.

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

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

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

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

• представить бренд в премиальном сегменте;
• автоматизировать работу каталога;
• интегрировать магазин с 1С;
• обеспечить быстрый обмен заказами;
• реализовать современный пользовательский опыт;
• сохранить высокую производительность даже при большом количестве товаров и медиафайлов.

Дополнительной сложностью стало огромное количество вариативных товаров, сложная структура каталога и ограничения существующей системы 1С.

В рамках проекта была реализована полноценная e-commerce платформа.

• уникальная главная страница;
• каталог продукции;
• карточки товаров;
• коллекции;
• категории;
• поиск;
• подбор товаров;
• функционал «Собрать образ»;
• адаптивная версия;
• Pixel Perfect-верстка.

Всего было разработано около 15 уникальных страниц.

Каталог имеет несколько уровней вложенности:

• женщины;
• мужчины;
• дети;

Далее каждая категория разделяется на коллекции.

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

Особенность проекта заключалась в том, что каждый принт является отдельным товаром со своими характеристиками, размерами и остатками.

В результате система работает примерно с 1000–2000 SKU, что значительно усложняет синхронизацию каталога.

Одной из самых сложных частей проекта стала глубокая интеграция интернет-магазина с 1С.

Автоматически синхронизируются:

• каталог товаров;
• категории;
• коллекции;
• размеры;
• варианты;
• цены;
• остатки;
• статусы.

В обратную сторону передаются:

• оформленные заказы;
• заявки;
• возвраты.

Фактически интернет-магазин стал частью единой экосистемы компании.

Стандартный CommerceML оказался недостаточным для реализации требований проекта.

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

Поэтому мы разработали собственную систему обработки CommerceML.

Она:

• разбирает структуру XML;
• собирает вариативные товары;
• объединяет размеры;
• связывает коллекции;
• формирует структуру каталога;
• автоматически обновляет данные.

Это позволило превратить необработанный поток данных в полноценный каталог интернет-магазина.

Еще одной особенностью проекта стало отсутствие изображений и видеоматериалов в 1С.

Для решения этой задачи мы разработали отдельный модуль.

Сотрудники компании размещают фотографии и видеоролики на Яндекс Диске.

После синхронизации система автоматически:

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

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

В рамках проекта было разработано несколько внутренних модулей.

В их числе:

• обработчик CommerceML;
• модуль импорта каталога;
• система парсинга данных;
• переводчик на базе DeepL и Яндекс Переводчика;
• модуль автоматической загрузки фото и видео с Яндекс Диска;
• оптимизация изображений;
• оптимизация видео;
• логирование ошибок синхронизации;
• обработка вариативных товаров.

Большинство этих решений были написаны специально под задачи заказчика.

Для покупателей был реализован полноценный личный кабинет.

Пользователь может:

• просматривать историю заказов;
• отслеживать статусы;
• повторять покупки;
• хранить адреса доставки;
• добавлять товары в избранное;
• оформлять возвраты.

Проект объединяет сразу несколько внешних сервисов.

Были реализованы интеграции с:

• 1С;
• Bitrix24;
• Dalli;
• ЮKassa;
• Т-Банк «Долями»;
• DeepL;
• Яндекс Переводчиком.

Все обращения автоматически:

• сохраняются в WordPress;
• отправляются в CRM Bitrix24;
• отправляются по электронной почте;
• передаются обратно в 1С.

Для проекта была реализована английская версия сайта.

Особенностью стало то, что перевод каталога автоматизирован.

Для этого мы разработали собственный модуль, объединивший возможности DeepL и Яндекс Переводчика.

Это позволило значительно сократить объем ручной работы при публикации новых товаров.

Большой объем каталога и медиафайлов требовал серьезной оптимизации производительности.

В рамках проекта была проведена комплексная техническая оптимизация.

Мы:

• оптимизировали работу динамического меню;
• внедрили многоуровневое кэширование;
• настроили Redis Object Cache;
• оптимизировали MySQL;
• локализовали внешние JavaScript- и CSS-библиотеки;
• реализовали собственную систему оптимизации изображений и видео.

В результате удалось добиться заметного роста производительности.

По итогам стресс-тестирования:

• время отклика под высокой нагрузкой сократилось примерно с 34–38 секунд до 6,2 секунды;
• выполнение сложных SQL-запросов уменьшилось примерно до 0,4 секунды;
• генерация страниц сократилась до 0,8–1,2 секунды;
• система стабильно выдержала нагрузку свыше 5000 параллельных пользователей без ошибок.

Для проекта были реализованы:

• ЧПУ;
• микроразметка;
• OpenGraph;
• txt;
• xml;
• оптимизация изображений;
• оптимизация скорости;
• хлебные крошки;
• корректные метаданные.

Наиболее сложной частью проекта стала работа с данными, поступающими из 1С через CommerceML.

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

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

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

Сегодня платформа позволяет:

• автоматически синхронизировать каталог с 1С;
• обновлять тысячи товарных позиций;
• управлять мультиязычным контентом;
• автоматически обрабатывать фотографии и видео;
• принимать онлайн-оплату;
• рассчитывать доставку;
• работать с CRM;
• оформлять возвраты через личный кабинет;
• обеспечивать высокую производительность даже при значительной нагрузке.

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