SuperStep, крупный мультибрендовый интернет-магазин кроссовок и одежды, уже более семи лет сотрудничает с Intaro в области digital-развития и e-commerce-инфраструктуры.
Совместно с командой Intaro ритейлер реализовал масштабное обновление платформы: комплексное обновление интернет-магазина, переход на модульную платформу Symtrix, внедрение AI-рекомендаций и оптимизацию омниканальных процессов.
Компания развивает сеть из 55 магазинов по всей России и активно инвестирует в цифровую экосистему бренда
Более 20 мировых брендов:
Adidas, Lacoste, Converse, Nike, New Balance, Premiata, Puma, Reebok, The North Face, Timberland, Vans и др.
Результат
+30 %
Скорость
загрузки
+20 %
Прирост
конверсии
−3 п.п.
Показатель отказов (bounce rate)
UX
Снижение обращений в поддержку, положительные отзывы пользователей
Контекст и цель
По мере роста ассортимента и количества заказов появились новые требования к персонализированным сценариям взаимодействия с клиентами, скорости работы и омниканальному сервису.
Чтобы технологии не ограничивали развитие бизнеса, мы совместно с заказчиком приняли решение о переходе на современную архитектуру — устойчивую, масштабируемую и гибкую для интеграций.
Цели проекта:
Стабильная и быстрая работа при пиковом трафике
Улучшенный пользовательский опыт
Удобное и надежное оформление заказов с точным учетом остатков
Гибкое масштабирование и быстрая интеграция новых функций
Персонализированные рекомендации на стадии выбора и оформления с использованием AI-технологий
Сроки реализации
Старт
Релиз
январь
2025
Длительность — 6 месяцев
2 июля
2025
Решение
Для масштабного обновления платформы SuperStep мы выбрали Symtrix — внутреннюю разработку Intaro, современную платформу для быстрого и масштабируемого e-commerce.
Symtrix сочетает производительность и гибкость Symfony с удобством административной панели Bitrix, обеспечивая стабильную архитектуру, безопасный код и современный UX.
Почему Symtrix
Symtrix позволяет сократить время внедрения до 1,5 раз за счет модульного подхода и готовых API-решений — без компромиссов между гибкостью и производительностью.
Ключевые преимущества:
Модульная архитектура. Независимые бандлы — каталог, корзина, поиск, авторизация, личный кабинет и другие ключевые e-commerce- функции. Это ускоряет запуск и упрощает поддержку.
API-ориентированность. Frontend взаимодействует через API, что даёт свободу выбора стека технологий (Nuxt.js/Vue.js/React) и независимое развитие клиентской и серверной частей.
Гибкость и масштабируемость. Рост ассортимента и трафика не влияет на производительность — система масштабируется горизонтально и вертикально без перестройки ядра.
Готовые решения. Бандлы позволяют запускать проекты в 1,5 раза быстрее и сокращают время интеграций.
Для клиента это означает ускоренное развитие бизнеса, устойчивую работу при пиковых нагрузках и простое подключение новых сервисов без сложных доработок.
Архитектура
Для SuperStep была критична скорость реализации сложных механик, масштабируемость и стабильность под нагрузкой.
Backend: Symfony + Bitrix
Современный PHP-фреймворк Symfony обеспечивает высокую производительность, структурированность и безопасность кода, а Bitrix служит удобной CMS и административной панелью.
Symfony предоставляет широкий набор компонентов, необходимых для построения e‑commerce-систем:
Работу с базами данных, HTTP-запросами и формами
Мощную маршрутизацию и гибкую работу с API
Развитую систему кеширования
Встроенные механизмы защиты (XSS, CSRF, SQL-инъекции)
Поддержку современных стандартов PHP и интеграцию сторонних библиотек
Использование Symfony позволило создать устойчивую, модульную и безопасную архитектуру, легко адаптируемую под задачи ритейлера.
№1 среди разработчиков интернет‑магазинов на Symfony
Intaro — первая компания в России, прошедшая Symfony‑сертификацию. Этот опыт обеспечил стабильность и высокое качество реализации проекта.
Frontend: SPA + SSR (Nuxt.js / Vue.js)
Фронтенд реализован в формате SPA с поддержкой SSR — для высокой скорости загрузки страниц, отзывчивого интерфейса и улучшенного SEO.
Ключевые преимущества:
Быстрая первичная загрузка
При использовании SSR страницы рендерятся на сервере, и контент отображается пользователю мгновенно, без дополнительных запросов.
Плавная навигация и высокая скорость взаимодействия
SPA-загрузка подгружает только нужные данные, без перезагрузки страницы целиком. Это снижает нагрузку на сервер и делает интерфейс таким же отзывчивым, как у нативных приложений.
SEO-оптимизация и повышение ранжирования
Серверный рендеринг улучшает индексацию контента и позиции сайта в поисковой выдаче. Скорость загрузки также положительно влияет на SEO, поисковые системы учитывают ее как фактор ранжирования.
Готовая архитектура и встроенные модули
Использование Nuxt.js, а не чистого Vue, обеспечивает готовую архитектуру приложения, встроенные модули и единый подход к маршрутизации и кешированию.
Это ускоряет разработку, упрощает поддержку и позволяет сохранять кодовую базу масштабируемой и прозрачной при росте проекта.
API и интеграции
Symtrix построен по API-ориентированной модели, все взаимодействие между фронтендом и бэкендом происходит через единый контракт.
Это позволило унифицировать подключение внешних систем — платежных, логистических, CRM, программ лояльности, AI-сервисов и мобильных приложений.
Единое API-ядро сделало архитектуру независимой от технологий фронтенда и заложило основу для масштабирования и развития омниканальных сценариев.
Архитектурные принципы
Проект реализован по методологии Feature-Sliced Design (FSD), которая обеспечивает структурированность кода и удобство сопровождения.
Такой подход помогает команде быстро вносить изменения и добавлять функции, не нарушая целостность и читаемость проекта — ключевой фактор для e-commerce-платформ, которые постоянно эволюционируют.
Серверная архитектура и инфраструктура
Для SuperStep реализована отказоустойчивая, масштабируемая серверная архитектура с разделением ролей и балансировкой нагрузки между компонентами системы.
Стабильная работа даже при пиковом трафике (например, в периоды крупных распродаж).
Основные компоненты:
Балансировщик (Nginx)
Распределяет входящие запросы между серверами приложений, обеспечивая равномерную нагрузку и быструю обработку.
Сервер приложений (PHP-FPM)
Выполняет бизнес-логику проекта, включая обработку заказов, расчет цен и персонализацию.
Балансировщик SQL-запросов (MariaDB MaxScale)
Распределяет обращения к базе данных и предотвращает перегрузку отдельных узлов.
Сервер баз данных (Percona XtraDB Cluster, multi-master)
Обеспечивает синхронную репликацию, отказоустойчивость и высокую доступность данных.
Каждая роль масштабируется горизонтально (добавлением серверов) и вертикально (выделением узлов под конкретные задачи).
Percona XtraDB Cluster используется для создания высокодоступного кластера баз данных MySQL. Решение для критически нагруженных систем интернет-магазинов, где недопустимы простои и потеря данных.
Преимущества Percona XtraDB Cluster:
Синхронная репликация данных между узлами
Поддержка многомастеровой архитектуры
Автоматическое добавление узлов без остановки системы
Отказоустойчивость транзакций и защита от нарушения целостности данных
Высокая доступность и масштабируемость, что обеспечивает стабильную работу даже при кратковременных сбоях отдельных узлов
Что сделали
Анализ и планирование
Детальный аудит текущей платформы, трафика, сценариев пиковых нагрузок и цепочек заказов (онлайн ↔ офлайн).
Пересборка каталога
Каталог полностью пересобрали: нормализация данных, оптимизация структуры категорий, навигационные цепочки, подготовка к работе с ElasticSearch. Фильтры переработаны; доработка продолжается с учетом пользовательской обратной связи.
Checkout и корзина
Переработали логику корзины, добавили «умный» чекаут: проверка остатков в реальном времени при добавлении в корзину и резервирование позиции на этапе оформления. Это снизило количество отмен и неверных заказов.
Личный кабинет
Упрощенная авторизация по телефону, улучшенная история заказов/возвратов.
Интеграции
Оптимизирован обмен данными с 1С, проведены работы по интеграции платежных и логистических решений с учетом существующих сервисов, донастройка CRM-процессов для стабильной обработки заказов.
AI-рекомендации
Внедрен сервис GardeRobo: персональные подборки в каталоге и корзине, автоматическая генерация готовых «луков», механики кросс-продаж и апсейлов.
Инфраструктура и отказоустойчивость
Построена отказоустойчивая архитектура Symtrix для выдерживания пиковых нагрузок и минимизации точек отказа.
UX и дизайн
Полный редизайн интерфейса, оптимизация путей пользователя и улучшение SEO-структуры страниц.
Интеграции
Проект легко соединяется с популярными e-commerce сервисами, что обеспечивает гибкость и отказоустойчивость всей экосистемы:
Пользовательский опыт
Проект охватывал не только редизайн, но и глубокую доработку UX, UI и ключевых пользовательских сценариев — от поиска до постоплаты.
Покупателям стало проще и быстрее находить нужные товары, а процесс оформления заказов стал более прозрачным.
Вот главные изменения:
Навигация и поиск: переписанный каталог, улучшенная структура категорий и фильтров, продуманные навигационные цепочки. Поиск стал стабильнее при большом ассортименте. Мы заложили технологическую основу для развития поиска: внедрение ElasticSearch позволяет поддерживать масштабирование каталога и улучшение навигации по сайту при необходимости.
Корзина → чекаут: «умный» чекаут с резервированием товара в момент добавления и проверкой остатков в реальном времени. Это снизило число отмен и ошибок при оформлении, ускорило процесс покупки и повысило качество клиентского сервиса.
Личный кабинет: упрощенная авторизация по телефону, история заказов, удобные возвраты. Внедрена дедупликация клиентской базы — данные пользователей из разных каналов объединяются, исключая дубли и повышая точность аналитики.
Коммуникация: улучшен пользовательский сценарий оформления — в чекауте отображаются точные сроки доставки, что делает процесс покупки более предсказуемым и удобным.
Ведение пользователя: подсказки и сопровождение на всех этапах покупки, интеграция с КЦ для поддержки пользователей и оптимизации взаимодействия с сервисом.
Персонализация: реализованы AI-рекомендации через сервис GardeRobo — персональные подборки в каталоге и корзине, а также готовые «луки», что делает процесс выбора еще удобнее и вдохновляет пользователей на новые образы.
Платформа обучается на пользовательских данных и повышает релевантность предложений с каждым новым взаимодействием.
Программа лояльности: интеграция с Mindbox — единая бонусная система для сайта и офлайн-магазинов, персонализированные предложения, накопления и промоакции.
Быстрые сценарии: поддержка экспресс-заказа и автоматизированных возвратов — минимизация действий пользователя и повышение удовлетворенности.
Фидбек: механизм оставления отзывов прямо в интерфейсе для оперативной корректировки UX.
Сайт стал быстрее, понятнее и ближе к ожиданиям покупателей.
Вызовы проекта
Обеспечение стабильности при пиковых нагрузках
Работа с тысячами SKU и оптимизация поиска
Синхронизация остатков и логистики между офлайн и онлайн-каналами
Множественные внешние интеграции без потери стабильности
Внедрение AI-алгоритмов без ущерба для скорости и стабильности платформы
Поддержание масштабируемости: архитектура должна позволять рост нагрузок без значительных доработок и простоев
Проект позволил минимизировать операционные риски за счёт отказоустойчивой архитектуры и контроля целостности данных.
Отзыв клиента
«Для нас были важны стоимость, гибкость и качество технических решений. Intaro предложили уникальное решение на базе Symtrix, адаптированное под масштаб и задачи нашего бизнеса.
За годы сотрудничества команда не раз подтверждала статус сильного технологического партнера: Intaro глубоко понимает e-commerce и работает с крупнейшими ритейлерами рынка.
Мы ценим не только качество технологий, но и подход — гибкость, вовлеченность и готовность находить решения под любые изменения.»
Наталья Чиркова, Head of E‑commerce SuperStep
Результаты проекта
+30%
скорость загрузки страниц (с измерений после релиза)
+20%
прирост конверсии (июнь → август)
−3 п.п.
снижение
bounce rate
Снизилось количество обращений в поддержку по вопросам доставки и оформления (качественные данные и положительные отзывы пользователей)
Бренд стал более привлекательным для молодой аудитории
Проект заложил архитектурную и операционную основу для дальнейшего роста SuperStep.
Современная платформа, которая ускоряет внедрение новых функций, поддерживает омниканальный опыт и снижает операционные риски.
Symtrix стал не просто техническим решением, а основой для устойчивого digital‑развития бренда.
