Кейс компании WeJET по клиенту Headless-платформа для Age of Innocence
Headless-платформа для Age of Innocence
О клиенте Age of Innocence
Задача
О проекте и задачах
Международный бренд обуви для онлайн-продаж использовал платформу Shopify. По мере роста бизнеса команда столкнулась с проблемами внедрения изменений, направленных на улучшение опыта покупателя и оптимизацию процесса покупки.
Shopify недостаточно хорошо вписывается в актуальную российскую инфраструктуру E-commerce сервисов: CRM и CDP-платформы, платёжные сервисы, банковский эквайринг и службы доставок. Из-за этого пользователи сталкивались со сложным чекаутом, что снижало конверсию и влияло на восприятие бренда.
Команда бренда решила локализовать инфраструктуру, обеспечивающую онлайн-продажи, и создать гибкий инструмент для реализации эффективных сценариев покупки. Важно сделать систему стабильной и управляемой. Интернет-магазин должен быть адаптирован под требования российского законодательства.
Перед командой стояли такие задачи:
- перенести интернет-магазин на технологичную платформу, которая позволит быстро внедрять маркетинговые и продуктовые изменения;
- провести UX-аудит и на его основе выработать решения для улучшения пользовательского опыта;
- реализовать весь цикл шагов от анализа позиционирования до разработки дизайн-концепции, создания макетов и UI-кита. Сделать акцент на переработке чекаута и мобильной версии сайта;
- повысить эффективность работы команды с товарным ассортиментом и акциями, автоматизировать оформление контента;
- обеспечить надежную защиту персональных и коммерческих данных;
- интегрировать сайт с платежными и логистическими сервисами, Retail CRM, 1С: Управление торговлей, Mindbox и пр.;
- интегрировать мобильное приложение IMSHOP.
Стартовый опыт:сложный чекаут и ограничения Shopify
Похожая задача стоит и перед вашей компанией?
Расскажите о проекте — предложим решение, опираясь на наш опыт и реализованные кейсы
Решение
Независимая облачная платформа
В качестве технологической базы мы выбрали E-commerce платформу — Headless Evolution Cloud. Это платформа в облаке позволяет брендам быстро создавать омниканальные решения, устойчивые к высоким нагрузкам. Headless Evolution поддерживает любую кастомизацию дизайна и оригинальные бизнес-процессы.
Решение построено по headless-принципу: backend и клиентские интерфейсы разделены и взаимодействуют через универсальный API. Это позволяет:
- гибко управлять клиентскими приложениями без изменений серверной логики;
- ускорить внедрение новых пользовательских сценариев;
- построить действительно омниканальную систему, где пользователь может начать сценарий в одном канале продаж, а закончить в другом;
- обеспечить устойчивость платформы даже при пиковой нагрузке.
Общий e-commerce-слой объединяет сайт на SPA, мобильную версию, CRM и CDP, учетные системы, платежные и логистические сервисы. Управление приложением и сайтом ведется из единой панели. Данные о заказах, клиентах и взаимодействиях обновляются синхронно. При этом интернет-магазин может оперировать тысячами ценовых правил и региональных условий.
Покупатели всегда видят актуальные цены и наличие товара. История и статусы заказов, бонусы, акции доступны на всех точках взаимодействия.
Для достижения максимальной скорости запуска проекта в Headless Evolution предусмотрены качественно проработанные готовые сборки. Такой стартовый набор есть и для Fashion.
Интеграции
Комплексные интеграции с учетными системами
На платформе были настроены интеграции с учетными системами клиента и сторонними сервисами.
- 1С: Управление торговлей (товары, остатки);
- Retail CRM (управление заказами и коммуникациями с клиентами);
- Mindbox (персонализация и промо);
- IMSHOP (мобильное приложение интернет-магазина);
- DaData (упрощение оформления заказов);
- платежными сервисами;
- логистическими операторами.
Персональные данные остаются в изолированном контуре. Пользователь видит актуальные цены с учётом скидок и наличия товаров, а также свои заказы с сайта и мобильного приложения. Более эффективно используются возможности для продвижения бренда через сервисы Retail CRM и Mindbox.
Редизайн и усиление UX
Оптимизация ключевых сценариев
Провели редизайн с акцентом на ключевые сценарии — каталог, корзину и чекаут. Мы начали с UX-аудита и сфокусировались на проработке гипотез, как улучшить пользовательский опыт при оформлении заказа.
Благодаря продуманному стартовому набору Headless Evolution для Fashion многие UX-проблемы мобильной версии старого сайта закрыты автоматически.
Главная
На главной пользователь видит ключевые коллекции и переходы в каталог. Страница передает атмосферу бренда и плавно ведет покупателя к выбору товаров.
Все страницы собираются через конструктор, и маркетологи компании в любой момент могут отобразить на главной странице новую подборку товаров, рекламные и текстовые блоки, эффективно управляя потоком трафика.
Чекаут
Выстроили гибкую систему оплаты:
- поддержка локальных платежных сценариев;
- настройка ограничений по способам оплаты;
- интеграция сервисов оплаты частями;
- адаптация под мобильные устройства.
Оформление заказа разбили на привычные блоки: контактные данные, доставка, оплата. Благодаря этому снизилась когнитивная нагрузка на покупателя. Отдельно были проработаны мобильные сценарии покупки. Визуально раздел остался легким и аккуратным, соответствуя премиальной эстетике бренда.
Корзина
Раздел корзина был переосмыслен с точки зрения удобства и прозрачности. Мы немного упростили его структуру. В корзине пользователю сразу доступна информация о товарах, их характеристиках и стоимости. Добавлены инструменты управления количеством товаров, их удаления и возврата к каталогу. Корзина остается легкой и аккуратной, но функциональной. Пользователям доступна возможность использовать промокод.
Мобильная версия
В работе мы ориентировались на концепцию mobile first. В отличии от десктопной версии в мобильной версии сайта используются решения, характерные для мобильных приложений: кнопки увеличены под нажатие и находятся под пальцами, диалоговые экраны адаптированы под размер телефона, используется навбар. Вместо хлебных крошек выбрана последовательная навигация.
На этапе оформления заказа запросы к внешним сервисам выполнены так, чтобы пользователь не ожидал загрузки данных.
Развитие
Новая дизайн-концепция передает изысканный характер европейского бренда и сохраняет акцент на деталях, отражающих премиальность товаров. Команда сможет дорабатывать интернет-магазин, добавляя страницы через конструктор. Любую промо-акцию в стиле бренда можно сделать без разработчиков.
Профессиональная
оценка проекта
- Интервью с ключевыми сотрудниками
- Составление карты бизнес-процессов «как есть»
- Диагностику текущих бизнес-процессов и ИТ систем
- Составление карты бизнес-процессов «как должно быть»
Получите бесплатную оценку от нашего эксперта
Mobile firstудобный чекаут без лишней нагрузки
Каталог
Автоматизация работы с товарным каталогом
Ассортимент бренда включает тысячи SKU с вариативностью по цветам и размерам. Мы реализовали на сайте автоматическую сборку карточек товаров из всего массива товарных предложений, полученных при обмене с учетной системой.
- объединение моделей в группы;
- автоматическое распределение по цветам, фактурам и размерам;
- исключение дублирования карточек.
Снизилась потребность в ручном труде команды. Подготовка карточек товаров происходит быстрее.
Ассортимент бренда представлен более удобно и привлекательно. Умный поиск, предоставляемый платформой, облегчит клиентам выбор обуви. Полезные рекомендации сокращают путь покупателя до нужного товара.
Настройка условий доставки и логики заказов
Интернет-магазин доставляет свои товары по всей России. С этим учетом реализована настраиваемая система доставки (сценариев расчета стоимости, сроков и способов получения заказа). Мы настроили условия по всем сегментам:
- разные сценарии для Москвы, области и регионов;
- автоматический расчет стоимости доставки, с учетом скидок и бесплатной доставки по специальным условиям;
- ограничения по способам оплаты.
Бренд получил гибкий инструмент, дающий возможность быстро поменять настройки логистики последней мили в зависимости от контекста.
Подключены сервисы оплаты частями (Долями, Яндекс Сплит). Теперь пользователю доступно больше сценариев покупки: варианты по доставке и оплате подстраиваются под его регион и параметры заказа. Логика доставки и оплаты стала управляемой и предсказуемой.
Безопасность
Забота о кибербезопасности и копировании данных
Облачная платформа Headless Evolution хранит персональные и коммерческие данные компании в изолированном контуре. Система защищена от возможных атак файерволом (WAF) и DDoS-защитой от на сайт (Anti-DDoS). Это снижает финансовые риски бренда.
Команде техподдержки и клиенту доступен многоуровневый мониторинг системы: на аппаратном уровне, на уровне приложения и на уровне UX-метрик. Система оповещает об ошибках. Регулярно выполняется резервное копирование данных.
Платформа постоянно оптимизируется, и наши клиенты стабильно получают эти обновления. По всем вопросам они могут общаться в едином окне с выделенным менеджером.
Использование Headless Ecommerce Cloud освобождает бизнес от дополнительных затрат на администрирование и на инфраструктуру разработки, снимает все заботы, связанные с хостингом, SSL-сертификатами, бэкапами, тестовыми средами.
Дизайн-системаКомпоненты интерфейса
Результат
Результат внедрения
За 3 месяца мы перенесли интернет-магазин Age of innocence на устойчивую headless-платформу, адаптированную под ландшафт российской электронной коммерции.
Благодаря внесенным изменения в UX после смены платформы конверсия выросла на 7%.
Разработчики Headless Evolution регулярно отслеживают метрики и вносят доработки оптимизирующие работу сайта и повышающие удобство пользователя. Для клиента это происходит плавно и незаметно.
Интегрировано мобильное приложение на базе сервиса IMSHOP. Данные управляются в единой платформе. Консистентность бренда поддерживается во всех каналах. Платформа интегрирована с Retail CRM, где работают менеджеры службы поддержки.
Команда бренда получила эффективный инструмент работы с товарным каталогом и широкие возможности по управлению доставкой и оплатами. При этом, согласно условиям Headless Ecommerce, бизнес всегда сохраняет возможность выкупить программный код и установить интернет-магазин на своих серверах.
Варианты поставки Headless Evolution
Cloud
Оптимальное решение, для тех, кто не планирует содержать команду разработки.
On Premise
Для тех, кому требуется комплексное индивидуальное решение с передачей результата на свои сервера.
Возможности платформы
Полноценный E-com Enterprise-уровня по подписке
Бизнес-процессы
Поддерживаются все ключевые бизнес-процессы, необходимые для онлайн-продаж, включая OMS, CRM, лояльность. Большое количество интеграций с внешними сервисами: платежными шлюзами, BNPL, службами доставки.
Индивидуальный дизайн и кастомизация
Нет ограничений по функциональным доработкам и изменениям дизайн.
Актуальные технологии и улучшенный UX
Базой для сайтов и приложений являются отраслевые сборки с продуманным UX. В платформе используются лучшие отраслевые решения. Регулярно выходят обновления.
Высокая производительность
Архитектура платформы позволяет выдерживать высокие нагрузки. Обеспечивает быструю работу каталога, фильтров, умного поиска, формы заказа на сайте и в мобильном приложении.
Остались
вопросы?
Погрузимся в вашу задачу, подберем формат работы и сделаем расчет стоимости.