Как мы превратили WordPress-сайт в комплексную e-commerce-платформу с кастомизацией

Заказчик

ASK Studio — российский fashion-бренд сумок и аксессуаров с ярким визуальным стилем и уникальной концепцией кастомизации изделий.

Задача

Переработать сайт ASK Studio на WordPress в масштабируемую e-commerce-платформу с удобной кастомизацией товаров, интеграциями и возможностью развивать новые сценарии продаж.

ЗадачаASK Studio — fashion-бренд сумок и аксессуаров с сильным визуальным стилем и активной аудиторией, главной фишкой которого является кастомизация. Когда к нам обратилась его команда, поставленная задача была достаточно простой: доработать существующий сайт на WordPress и переработать конструктор сумок в рамках текущей стилистики. Фактически это стало началом полной трансформации цифровой платформы.WordPress-реализация была небезопасна и зависима от неэффективных, временных решений. Она не позволяла сайту расти, развивать направление продаж, усложнять логику товаров и внедрять нестандартные механики. 

Для fashion-бренда, где продукт постоянно обновляется, это означало риск замедления роста. Изучив проект, мы сразу видели, что можем предложить для него более устойчивый путь развития.

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

Целью проекта стало создание масштабируемого интернет-магазина с переходом на 1С-Битрикс, современной архитектурой и устойчивостью к нагрузкам. Нам важно было не просто обновить дизайн на более современный, но и совместить стиль с функционалом. Мы выстраивали фундамент, который позволит:

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

Проект включал полный цикл: аналитику, UX/UI, верстку, программирование, интеграции, тестирование и релиз.

РешениеПеред тем как проектировать интерфейс, мы изучили сам бренд.Нас интересовали как пользовательские сценарии, так и бизнес-процессы: как формируется продукт, какие элементы чаще выбирают, как влияет кастомизация на чек, где пользователь может споткнуться и выйти из процесса.Параллельно мы анализировали рынок моды и опыт западных брендов. Важно было понять, как сохранить смелость визуала и при этом не сломать понятность интерфейса. Команда опиралась на e-commerce исследования и опыт сотен других интернет-магазинов.Вместо того чтобы рисовать страницы по отдельности, мы проектировали экосистему, где каждая зона работает на общую цель: увеличить конверсию и средний чек, не усложняя восприятие. Мы создали карту сайта, выделили критические зоны, разработали дизайн-систему и заложили масштабируемую архитектуру.Ключевой вывод: сложность продукта должна быть упакована в понятный и быстрый пользовательский поток. Иначе конструктор станет барьером, а не преимуществом.

1. Конструктор сумок как ядро платформы

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

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

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

В конструкторе также реализован органичный upsell — добавление дополнительного мешка или аксессуара прямо в процессе сборки.

Ключевым принципом была универсальность: элементы комплектации независимы друг от друга, а добавление новых опций не требует серьезной переработки системы.

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

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

Большой конструктор работает на вовлеченность и рост среднего чека. Мини-конструктор — на скорость и снижение барьера входа.

2. Программа лояльности как ключ к удержанию внимания 

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

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

Мы приняли архитектурное решение генерировать их через сервис программы лояльности Kilbil. Его стандартные возможности не полностью соответствовали задачам, поэтому потребовалась дополнительная проработка сценариев начисления и списания бонусов.

В итоге нам удалось:

• автоматизировать отправку электронных сертификатов по SMS и email,
• встроить бонусную систему в общий пользовательский поток,
• сохранить работоспособность и онлайн, и офлайн.

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

3. Интеграции как фактор устойчивости

Переход с WordPress на 1С-Битрикс обеспечил устойчивость и управляемость проекта. Особое внимание было уделено интеграциям, обеспечивающим операционную управляемость.

В рамках проекта были подключены:

• МойСклад (с заменой стандартного модуля на более функциональный),
• службы доставки,
• оплата частями «Долями»,
• авторизация через Яндекс ID.

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

Архитектура проектировалась с запасом, что позволило и автоматизировать процессы, и снизить риск технологических ограничений в будущем.

1.  Личный кабинет как точка управления

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

Также мы усилили ключевые сценарии взаимодействия:

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

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

1. Дизайн как инструмент позиционирования

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

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

Сайт дополнили элементы, усиливающие эмоциональную составляющую:

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

Это расширило роль сайта: он стал одновременно и каналом продаж, и частью коммуникационной стратегии бренда.

1. Геймификация как сценарий запуска

Запуск нового сайта ASK Studio мы рассматривали как маркетинговое событие. Бренд активно работает с символами и атмосферой, поэтому в digital-среде это нужно было продолжить.

Так появилась механика «Крылатые ключи» — мини-игра с получением персонального промокода. Пользователь ловил анимированные ключи, и в зависимости от результата получал скидку. Интерактив органично встроился в личность бренда и стал способом вовлечь аудиторию в изучение обновлённой платформы.

Игра была реализована на чистом JavaScript с оптимизированной анимацией, что позволило сохранить стабильность сайта даже при пиковом трафике. За первый месяц более 1 100 пользователей приняли участие, каждый 103-й активировал промокод.

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

Результат

По итогу, к запуску обновленного сайта ASK Studio получили:

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

При этом проект не завершился релизом. Он перешёл в формат регулярной поддержки и развития, что означает, что платформа живёт и развивается вместе с брендом.

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

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

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

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