Как перезапуск проекта на headless-решении увеличил выручку интернет-магазина ORIGAMI в 2,62 раза
Компания ORIGAMI — один из крупнейших fashion-ритейлеров Калининграда, представляющий мультибрендовую одежду и обувь для мужчин и женщин. В ассортименте — Karl Lagerfeld, Calvin Klein, Tommy Hilfiger и другие бренды уровня middle-luxury, где средний чек составляет порядка 30 000 ₽.
Компания работает только в Калининграде, однако уверенно удерживает позиции одного из сильнейших игроков fashion-рынка региона.
Ритейлер развивает как сеть офлайн-магазинов из 10 точек, так и собственный онлайн-магазин, который успешно работает уже много лет. Именно его мы модернизировали в рамках обновления интернет-платформы и интеграции системы автоматизации маркетинга Mindbox.
По совокупной выручке компания входит в число крупнейших локальных fashion-брендов Калининграда и продолжает активно расти, внедряя новые технологии и инструменты персонализации клиентского опыта.
Задача
Клиент пришел с запросом на перезапуск интернет-магазина с интеграцией Mindbox. Мы предложили комплексное решение — создание нового интернет-магазина на headless-архитектуре, чтобы учесть все потребности бренда и возможности для расширения в дальнейшем.
К моменту обращения сайт ORIGAMI уже существовал — он был построен на CMS 1С-Битрикс. Однако со временем старое решение перестало соответствовать растущим требованиям бизнеса:
- неудобная навигация мешала конверсии,
- монолитная архитектура делала доработки сложными и затратными,
- из-за неадаптивного интерфейса на мобильных устройствах значительная часть потенциальных клиентов не завершала покупки,
- онлайн-площадка не справлялась с нагрузкой во время пиковых продаж: в периоды акций и праздников,
- интерфейс не позволял быстро обновлять контент и управлять разделами,
- устаревшая визуальная и UX-логика снижали конверсию в покупку,
- отсутствовало четкое разделение мужской и женской коллекций — пользователи путались,
- раздел Outlet был спрятан глубоко в структуре, и покупатели часто его не находили,
- интеграция с CRM работала нестабильно,
- были технические сложности в интеграции Mindbox.
Бренд планировал развивать онлайн-направление через персонализацию и внедрение программы лояльности. А значит платформа должна соответствовать уровню покупателей и показывать высокое качество сервиса, что в случае с онлайн-магазином означает высокую скорость загрузки, эстетический визуал, удобную навигацию.
В итоге старый проект перестал отвечать стратегическим целям компании. Он не позволял масштабироваться, интегрироваться с внешними сервисами и обеспечивать качественный пользовательский опыт. Было очевидно, что частичные обновления не помогут — нужна была полная технологическая перезагрузка.
Что хотел клиент:
- увеличить выручку с онлайн-площадки,
- ускорить загрузку сайта и улучшить UX,
- повысить глубину просмотра и время на сайте,
- снизить процент отказов,
- внедрить платформу автоматизации маркетинга Mindbox,
- внедрить гибкое управление контентом,
- визуально разделить мужской и женский каталоги,
- выделить Outlet в отдельный раздел с понятным позиционированием,
- обеспечить масштабируемость проекта без ограничений CMS-решений.
Клиент изначально озвучил требования к качеству работы. Было важно строго соблюдать сроки и дорожную карту проекта. Менеджер вел отдельный документ изменений и корректировок (change-log). На проекте работала выделенная команда: руководитель проекта и команда разработки, тестирования и дизайна.
Результат
После запуска интернет-магазина клиент получил корректно работающую онлайн-площадку с хорошими показателями технической производительности, улучшенным пользовательским опытом, возможностью использовать омниканальность на базе платформы автоматизации маркетинга.
Основные метрики проекта
Проект показал заметные улучшения по ключевым метрикам сайта, при этом стабильные показатели сохранилась на прежнем уровне.
Бизнес показатели
Прежде чем говорить о бизнес-показателях, рассмотрим ситуацию, в которой сейчас работает рынок фэшн-бизнеса. В последние годы он характеризуется высокой неопределенностью и ограниченными возможностями для роста. Основные тенденции:
- снижение трафика за счет роста популярности маркетплейсов и смещение внимания покупателей от независимых магазинов к крупным онлайн-платформам,
- проблемы с поставками, что влияет на ассортимент и скорость обработки заказов,
- демпинг цен с помощью скидочных механик: распродажи, аутлеты и закрытые акции, чтобы извлечь максимум из ограниченной аудитории сегмента middle-luxury,
- ограниченный локальный рынок в рамках одной области накладывает ограничения на рост объемов продаж,
- смещение фокуса на онлайн, развитие программ лояльности и персонализированных коммуникаций для удержания клиентов,
- увеличение среднего чека на онлайн заказы.
В условиях существующей рыночной ситуации зафиксировали следующие бизнес метрики:
- На 262% выросла выручка за период с июля по сентябрь 2025 года по сравнению с аналогичным периодом 2024 года.
- На 279% увеличилась доля онлайн-продаж относительно прошлого года.
- На 30% выше средний чек онлайн, чем в рознице, без учета постоянных скидок.
- 70−74% доля новых посетителей сайта в месяц.
- Менее 5% уровень отказов от заказов, что указывает на надежность процесса покупки.
- 1,3 повторные покупки на пользователя в месяц.
Даже на фоне падения общего трафика локального рынка, обновленный сайт обеспечивает значительный рост онлайн-продаж, увеличивает средний чек и улучшает эффективность работы команды и взаимодействие с клиентами.
Поведенческие показатели
А) Отказы:
- Средний показатель отказов по всем источникам остался примерно на прежнем уровне.
- В Яндексе доля отказов снизилась с примерно 20% до 15%, при сопоставимом объеме трафика. Пользователи стали лучше взаимодействовать с сайтом.
- В Google фиксируется рост отказов, но он связан с увеличением числа визитов после релиза, что отражает улучшение ранжирования сайта.
Б) Глубина просмотра и время на сайте:
- Время на сайте: стабильно, пользователи проводят на сайте примерно столько же времени, что и до релиза.
- Глубина просмотра снизилась: меньше кликов и переходов между страницами.
- Целевой показатель: 3 клика. Интерпретация: снижение глубины не является негативным — пользователи быстрее находят нужные товары и проходят путь к конверсии с меньшим количеством лишних действий.
Сводная таблица результатов: до / после релиза
Другие важные итоги
Новая архитектура и технологический стек стали основой для гибкости, скорости и независимости проекта — как в управлении контентом, так и в развитии функционала.
Этапы работы
Этап 1. Предпроектная подготовка
Проект по обновлению интернет-магазина ORIGAMI стартовал летом 2024 года.
Такой быстрый старт стал возможен благодаря слаженной работе обеих сторон. Уже на первых этапах мы выстроили четкую структуру работ.
На этапе предпроектной подготовки собрали и систематизировали все исходные данные: требования заказчика, предоставленную клиентом документацию, выгрузки из 1С и данные по текущему каталогу. Изучили данные по сайту и метрикам.
Провели интервью с клиентом, анализ конкурентов, исследовали сильные и слабые стороны других fashion-магазинов.
На основе анализа была подготовлена подробная техническая документация (ТЗ), в которой описывались технические требования, требования к дизайну, требования к интернет-магазину, структура каталога, личный кабинет, корзина и оформление заказа в чекауте, инфостраницы, блог, интеграция CDP и программы лояльности, техническое проектирование и с 1С.
На основе всех данных разработали прототипы ключевых страниц: главная, каталог, карточка товара, корзина, чекаут, шаблон информационных страниц, блог.
В итоге у нас была готовая модель будущего интернет-магазина с проработанной архитектурой, логикой и сценариями.
Этап 2. Разработка дизайна проекта
Этот блок стал одним из ключевых, так как от него зависело восприятие бренда ORIGAMI и удобство взаимодействия пользователей с сайтом. Более подробно работу над дизайном можно оценить на сайте.
Дизайнер совместно с менеджером проекта и бренд-менеджером клиента проработал визуальную концепцию, структуру и логику пользовательского пути. Основной задачей было создать современный, легкий интерфейс с интуитивной навигацией, который поддерживает омниканальность бренда и отражает эстетику ORIGAMI.
Использовали референсы ведущих fashion-площадок, в частности Lamoda, где реализовано удачное разделение мужских и женских категорий. Такая структура не только помогла сделать сайт визуально чище, но и обеспечила раздельное позиционирование направлений. Пользователю стало проще ориентироваться в ассортименте.
Переработали навигацию с нуля:
- добавили отдельные блоки по брендам, что упростило поиск конкретных коллекций,
- проработали каталог и фильтры, чтобы помочь покупателям максимально отсортировать подходящие товары,
- выделили понятную точка входа в Outlet, где пользователи сразу видят товары со скидками,
- внедрили динамические блоки контента, редактируемые из админ-панели без участия разработчиков.
Контентная команда клиента получила больше самостоятельности и может оперативно обновлять страницы с акциями, новыми поступлениями или материалами для продвижения бренда.
Процесс согласования дизайна проходил в несколько итераций: мы презентовали макеты, обсуждая с клиентом каждую страницу и пользовательский сценарий. Сфокусировались на бизнес-целях и удобстве для пользователей. Итоговый дизайн объединил стильный визуал и функциональность, а интеграция функционала Mindbox (например, блока «историй» на главной странице) добавила динамики и вовлеченности.
Визуальные решения и админ-панель
На этапе проектирования интерфейса проработали возможности административной части. В админ-панели реализовали гибкое управление контентом, акциями и карточками товаров. Контент можно менять без участия разработчиков — это было одним из ключевых пожеланий клиента.
Разделение контента по направлениям «Женское», «Мужское» и «Outlet» позволило команде ORIGAMI поддерживать индивидуальное позиционирование каждого блока, не нарушая общей структуры сайта.
Визуально сайт стал чистым, современным и легким. Основной акцент был сделан на фотографии и визуальный контент — минималистичный дизайн позволил продуктам быть в центре внимания.
Этап 3. Разработка и интеграции
После утверждения дизайна приступили к разработке. Этот этап стартовал в декабре 2024 года и стал основным технологическим блоком проекта — именно здесь дизайн превратился в живой, функциональный интернет-магазин.
Технологический стек
Сайт ORIGAMI был реализован на современном и гибком технологическом стеке:
- Backend: Laravel — надежный фреймворк, обеспечивающий стабильную архитектуру и легкость масштабирования.
- Админ-панель: Filament — удобное и визуально понятное решение для управления контентом без привлечения разработчиков.
- Frontend: Nuxt + Vue — обеспечили высокую производительность и плавную работу интерфейса на всех устройствах.
Основное архитектурное решение — разделение кодовой базы бекенда и фронтенда в проекте. Это headless-решение позволило разграничить фронтенд и бекенд и сделало проект более гибким к изменениям и масштабированию.
На стороне бекенда реализуется основная бизнес-логика интернет магазина и REST API.
Фронтенд реализует визуальные компоненты публичной части и взаимодействует с бекендом по средствам API.
Кодовая база бекенда и фронтенда находится в отдельных репозиториях и имеет отдельные процессы сборки и доставки кода на сервер. Вот так это выглядит схематично:
Верстка страниц адаптивна к современным устройствам и браузерам. Проект включает в себя две версии — десктопную и мобильную с разными расширениями экранов.
Интеграция с 1С
Одним из ключевых направлений работы стала интеграция с 1С. На стороне клиента процесс курировал высококвалифицированный специалист, который оперативно реализовал все доработки, предусмотренные техническим заданием. Благодаря его профессионализму обмен данными был налажен быстро и без ошибок.
Интеграция обеспечила:
- полную синхронизацию номенклатуры, остатков и заказов,
- корректное обновление цен и товарных данных на сайте в реальном времени,
- автоматическое резервирование товаров и списание остатков в 1С после оформления заказа.
Этот процесс требовал доработок на стороне клиента, но в итоге позволил добиться бесшовного обмена данными между системой учета и сайтом.
Интеграция с Mindbox
Второй важной частью этапа стала интеграция с Mindbox — системой управления клиентскими данными и лояльностью. Для бренда это было первым внедрением CDP-платформы: ранее программа лояльности существовала только в офлайне.
Теперь Mindbox агрегирует всю информацию о пользователях и заказах — как онлайн, так и в розничных магазинах. В систему передаются данные о действиях пользователей:
- авторизация и регистрация клиента,
- добавление товаров в избранное,
- оформление заказов,
- просмотр продуктов и категорий товаров,
- активности в корзине,
- получение, вывод и списание баллов у пользователя.
Благодаря этому была запущена единая программа лояльности, действующая во всех каналах:
- пользователи видят свой уровень и бонусы на сайте,
- при покупке в офлайн-магазине скидка или бонусы автоматически применяются по номеру телефона,
- маркетинговая команда может настраивать персонализированные поп-апы, рассылки и механики вовлечения.
Таким образом, проект ORIGAMI стал основой для построения полноценной омниканальной экосистемы, где пользовательский опыт единообразен и в онлайне, и в офлайне.
Настройка SEO
Настроить SEO в административной панели сайта можно для категорий, товаров, магазинов, информационных страниц. На остальных страницах мета-теги — реализованы по маске.
Этап 4. Тестирование, отладка и запуск
Когда все ключевые элементы проекта — дизайн, функционал и интеграции — были готовы, мы приступили к завершающему и очень важному этапу: тестированию. На этом этапе выявляются и устраняются мелкие недочеты, которые превращают просто сайт в удобный, стабильный и быстрый инструмент для пользователей и команды клиента.
Что тестировали:
Тест-кейсы. Заранее подготовили подробные тест-кейсы, охватывающие все ключевые сценарии работы сайта. Это позволило системно пройти каждый этап проверки, ускорить процесс отладки и исключить вероятность пропуска важных деталей.
Функциональная проверка. Убедились, что все сценарии работают корректно — от регистрации и фильтров до оформления заказа и отображения актуальных остатков.
Кроссбраузерная и адаптивная проверка. Сайт тестировался в актуальных версиях Chrome, Safari, Firefox, Яндекс Брузер, а также в мобильных браузерах. Все проверки выполнялись вручную на реальных устройствах (ноутбук на Windows, MacBook, телефон на Android, iPhone, мониторы 3000px+), чтобы убедиться, что интерфейс работает одинаково хорошо в разных средах.
Юзабилити. Проходили все пользовательские сценарии, проверяли, что интерфейс интуитивен, нет «тормозов» или непонятных действий, и пользователю легко ориентироваться на сайте.
Интеграции с 1С. Проверяли корректность синхронизации номенклатуры, остатков и заказов. Прогонялись тестовые заказы, чтобы убедиться, что информация отображается верно, а процессы резервирования и списания товаров работают без сбоев.
Нагрузочное тестирование. Проверяли самые популярные страницы — каталог, карточки товаров, оформление заказов — на способность выдерживать пик трафика без падения скорости или стабильности работы.
Особенности взаимодействия с клиентом
Работа с командой ORIGAMI строилась прозрачно. Каждую неделю клиент получал статус проекта с актуальными сроками этапов. Прогнозные даты не сдвигались, что формировало доверие и уверенность в процессе.
Дополнительно проводились демо-созвоны, где команда показывала готовый функционал и объясняла ключевые решения. Благодаря регулярной отчетности и четкой коммуникации клиент всегда понимал, на каком этапе находится проект и какие задачи решаются.
Что дальше
После успешного перезапуска интернет-магазина мы продолжаем сотрудничать с командой ORIGAMI в формате точечных задач. Компания не останавливается: у нее сформирован бэклог задач и стратегическое понимание дальнейших шагов.
Главная цель на ближайший период — вернуть постоянных клиентов, особенно тех, кто раньше активно покупал в рознице, но в последнее время переключился на маркетплейсы. В компании уверены, что эти покупатели останутся верны бренду: если человек привык к качественным вещам вроде Karl Lagerfeld, Calvin Klein или Tommy Hilfiger, он не заменит их случайными покупками из масс-маркета.
Также команда планирует трансформацию онлайн-продаж, сделав их еще более гибкими и комфортными. Основное направление — постепенный перенос части офлайн-продаж в онлайн. Это позволит оптимизировать бизнес-модель и предложить клиентам более удобный способ покупки привычных брендов без необходимости посещать торговые точки.
Таким образом, развитие проекта идет в сторону укрепления лояльности аудитории и расширения онлайн-каналов, при этом сохраняя сильные позиции компании в офлайне Калининграда.
