Как SuperStep ускорил развитие e-commerce с помощью Symtrix и AI-рекомендаций

SuperStep, крупный мультибрендовый интернет-магазин кроссовок и одежды, уже более семи лет сотрудничает с Intaro в области digital-развития и e-commerce-инфраструктуры.

Совместно с командой Intaro ритейлер реализовал масштабное обновление платформы: комплексное обновление интернет-магазина, переход на модульную платформу Symtrix, внедрение AI-рекомендаций и оптимизацию омниканальных процессов.

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

Цели проекта:

— Стабильная и быстрая работа при пиковом трафике

— Улучшенный пользовательский опыт

— Удобное и надежное оформление заказов с точным учетом остатков

— Гибкое масштабирование и быстрая интеграция новых функций

— Персонализированные рекомендации на стадии выбора и оформления с использованием AI-технологий.

Для масштабного обновления платформы SuperStep мы выбрали Symtrix — внутреннюю разработку Intaro, современную платформу для быстрого и масштабируемого e-commerce.

Symtrix сочетает производительность и гибкость Symfony с удобством административной панели Bitrix, обеспечивая стабильную архитектуру, безопасный код и современный UX.

Symtrix позволяет сократить время внедрения до 1,5 раз за счет модульного подхода и готовых API-решений — без компромиссов между гибкостью и производительностью.

Ключевые преимущества:

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

— API-ориентированность. frontend взаимодействует через API, что даёт свободу выбора стека технологий (Nuxt.js/Vue.js/React) и независимое развитие клиентской и серверной частей.

— Гибкость и масштабируемость. Рост ассортимента и трафика не влияет на производительность — система масштабируется горизонтально и вертикально без перестройки ядра.

— Готовые решения. Бандлы позволяют запускать проекты в 1,5 раза быстрее и сокращают время интеграций.

Для клиента это означает ускоренное развитие бизнеса, устойчивую работу при пиковых нагрузках и простое подключение новых сервисов без сложных доработок.

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

Современный PHP-фреймворк Symfony обеспечивает высокую производительность, структурированность и безопасность кода, а Bitrix служит удобной CMS и административной панелью.

Symfony предоставляет широкий набор компонентов, необходимых для построения e-commerce-систем:

— Работу с базами данных, HTTP-запросами и формами

— Мощную маршрутизацию и гибкую работу с API

— Развитую систему кеширования

— Встроенные механизмы защиты (XSS, CSRF, SQL-инъекции)

— Поддержку современных стандартов PHP и интеграцию сторонних библиотек.

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

Фронтенд реализован в формате SPA с поддержкой SSR — для высокой скорости загрузки страниц, отзывчивого интерфейса и улучшенного SEO.

Ключевые преимущества:

— Быстрая первичная загрузка

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

— Плавная навигация и высокая скорость взаимодействия

SPA-загрузка подгружает только нужные данные, без перезагрузки страницы целиком. Это снижает нагрузку на сервер и делает интерфейс таким же отзывчивым, как у нативных приложений.

— SEO-оптимизация и повышение ранжирования

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

— Готовая архитектура и встроенные модули

Использование Nuxt.js, а не чистого Vue, обеспечивает готовую архитектуру приложения, встроенные модули и единый подход к маршрутизации и кешированию.

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

Symtrix построен по API-ориентированной модели, все взаимодействие между фронтендом и бэкендом происходит через единый контракт.

— Это позволило унифицировать подключение внешних систем — платежных, логистических, CRM, программ лояльности, AI-сервисов и мобильных приложений.

— Единое API-ядро сделало архитектуру независимой от технологий фронтенда и заложило основу для масштабирования и развития омниканальных сценариев.

Проект реализован по методологии Feature-Sliced Design (FSD), которая обеспечивает структурированность кода и удобство сопровождения.

Такой подход помогает команде быстро вносить изменения и добавлять функции, не нарушая целостность и читаемость проекта — ключевой фактор для e-commerce-платформ, которые постоянно эволюционируют.

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

Стабильная работа даже при пиковом трафике (например, в периоды крупных распродаж).

Основные компоненты:

1. Балансировщик (Nginx) — распределяет входящие запросы между серверами приложений, обеспечивая равномерную нагрузку и быструю обработку.

2. Сервер приложений (PHP-FPM) — выполняет бизнес-логику проекта, включая обработку заказов, расчет цен и персонализацию.

3. Балансировщик SQL-запросов (MariaDB MaxScale) — распределяет обращения к базе данных и предотвращает перегрузку отдельных узлов.

4. Сервер баз данных (Percona XtraDB Cluster, multi-master) — обеспечивает синхронную репликацию, отказоустойчивость и высокую доступность данных.

Каждая роль масштабируется горизонтально (добавлением серверов) и вертикально (выделением узлов под конкретные задачи).

Преимущества Percona XtraDB Cluster:

Percona XtraDB Cluster используется для создания высокодоступного кластера баз данных MySQL. Решение для критически нагруженных систем интернет-магазинов, где недопустимы простои и потеря данных.

— Синхронная репликация данных между узлами

— Поддержка многомастеровой архитектуры

— Автоматическое добавление узлов без остановки системы

— Отказоустойчивость транзакций и защита от нарушения целостности данных

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

1. Анализ и планирование. Детальный аудит текущей платформы, трафика, сценариев пиковых нагрузок и цепочек заказов (онлайн ↔ офлайн).

2. Пересборка каталога. Каталог полностью пересобрали: нормализация данных, оптимизация структуры категорий, навигационные цепочки, подготовка к работе с ElasticSearch. Фильтры переработаны; доработка продолжается с учетом пользовательской обратной связи.

3. Checkout и корзина. Переработали логику корзины, добавили «умный» чекаут: проверка остатков в реальном времени при добавлении в корзину и резервирование позиции на этапе оформления. Это снизило количество отмен и неверных заказов.

4. Личный кабинет. Упрощенная авторизация по телефону, улучшенная история заказов/возвратов.

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

6. AI-рекомендации. Внедрен сервис GardeRobo: персональные подборки в каталоге и корзине, автоматическая генерация готовых «луков», механики кросс-продаж и апсейлов.

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

8. UX и дизайн. Полный редизайн интерфейса, оптимизация путей пользователя и улучшение SEO-структуры страниц.

Проект легко соединяется с популярными e-commerce сервисами, что обеспечивает гибкость и отказоустойчивость всей экосистемы:

Проект охватывал не только редизайн, но и глубокую доработку UX, UI и ключевых пользовательских сценариев — от поиска до постоплаты.

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

Вот главные изменения:

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

— Корзина → чекаут: «умный» чекаут с резервированием товара в момент добавления и проверкой остатков в реальном времени. Это снизило число отмен и ошибок при оформлении, ускорило процесс покупки и повысило качество клиентского сервиса.

— Личный кабинет: упрощенная авторизация по телефону, история заказов, удобные возвраты. Внедрена дедупликация клиентской базы — данные пользователей из разных каналов объединяются, исключая дубли и повышая точность аналитики.

— Коммуникация: улучшен пользовательский сценарий оформления — в чекауте отображаются точные сроки доставки, что делает процесс покупки более предсказуемым и удобным.

— Ведение пользователя: подсказки и сопровождение на всех этапах покупки, интеграция с КЦ для поддержки пользователей и оптимизации взаимодействия с сервисом.

— Персонализация: реализованы AI-рекомендации через сервис GardeRobo — персональные подборки в каталоге и корзине, а также готовые «луки», что делает процесс выбора еще удобнее и вдохновляет пользователей на новые образы. 
Платформа обучается на пользовательских данных и повышает релевантность предложений с каждым новым взаимодействием.

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

— Быстрые сценарии: поддержка экспресс-заказа и автоматизированных возвратов — минимизация действий пользователя и повышение удовлетворенности.

— Фидбек: механизм оставления отзывов прямо в интерфейсе для оперативной корректировки UX.

Сайт стал быстрее, понятнее и ближе к ожиданиям покупателей.

— Обеспечение стабильности при пиковых нагрузках

— Работа с тысячами SKU и оптимизация поиска

— Синхронизация остатков и логистики между офлайн и онлайн-каналами

— Множественные внешние интеграции без потери стабильности

— Внедрение AI-алгоритмов без ущерба для скорости и стабильности платформы

— Поддержание масштабируемости: архитектура должна позволять рост нагрузок без значительных доработок и простоев.

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

— Снизилось количество обращений в поддержку по вопросам доставки и оформления (качественные данные и положительные отзывы пользователей)

— Бренд стал более привлекательным для молодой аудитории

Проект заложил архитектурную и операционную основу для дальнейшего роста SuperStep.

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