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

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

Фактически это стало началом полной трансформации цифровой платформы.

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

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

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

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

Мы выстраивали фундамент, который позволит:

— усложнять ассортимент и логику товаров,

— внедрять новые механики продаж,

— запускать спецпроекты,

— интегрировать внешние сервисы без архитектурных ограничений.

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

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

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

Параллельно мы анализировали лучшие практики e-commerce. Команда опиралась на экспертные исследования и опыт 200+ интернет-магазинов. Важно было понять, как сохранить смелость визуала и при этом не сломать понятность интерфейса. Команда опиралась на e-commerce исследования и опыт сотен других интернет-магазинов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

— автоматизировать отправку электронных сертификатов по SMS и email,

— встроить бонусную систему в общий пользовательский поток,

— сохранить работоспособность и онлайн, и офлайн.

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

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

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

— МойСклад (с заменой стандартного модуля на более функциональный),

— службы доставки,

— оплата частями «Долями»,

— авторизация через Яндекс ID.

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

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

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

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

— сделали программу лояльности постоянно видимой в интерфейсе, чтобы пользователь всегда видел накопленные бонусы;

— проработали состояния заказов, благодаря чему история покупок стала понятнее и информативнее;

— упростили сценарии возврата и обмена, добавив для них удобную форму;

— добавили отслеживание пользовательских обращений;

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

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

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

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

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

— история бренда в формате лендинга,

— плейлисты под каждый дроп,

— геймификация к запуску сайта.

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

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

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

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

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

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

— масштабируемую платформу на 1С-Битрикс,

— конструктор как ядро бизнес-модели,

— встроенную систему лояльности и сертификатов,

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

— автоматизацию ключевых процессов,

— фундамент для дальнейших спецпроектов.

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

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

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

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