Обувной интернет‑магазин без подзагрузок
Самое интересное в сложных интеграциях: на борту программа лояльности, OMS, платёжные системы и сервис доставки заказов.
Адаптивный онлайн-магазин, который работает без подзагрузок, как приложение или хорошая видеоигра. Такой эффект создаётся благодаря архитектуре Single Page Application с использованием технологий nuxt.js и vue.js. Подробнее о подходе SPA в разработке сайтов читайте в блоге Максима Панфилова, основателя panfilov.digital.
Мы запустили сайт за год и провели множество сложных интеграций: на борту программа лояльности, OMS, платёжные системы и сервис доставки заказов. Но из-за карантинных сложностей в 2020 году собственник Tervolina решил заморозить собственный интернет-магазин и вернул товары в онлайн-маркетплейсы.
Компания Tervolina решила создать сайт на собственной платформе, чтобы уменьшить зависимость от маркетплейсов. Приоритеты: легкость обновления и полный контроль над воронкой продаж.
При этом бизнес-процессы внутри Tervolina зависят от сторонних сервисов. Подрядчики помогают с обработкой заказов, доставкой и расчётами по программе лояльности.
Нашей задачей было интегрировать сторонние сервисы с сайтом и между собой так, чтобы покупатели не замечали стыков — магазин должен восприниматься как единый сервис. Это называется «бесшовный опыт».
Разрабатывая сайт на nuxt.js, мы ушли от привычной рутины, когда вёрстка интегрируется в компоненты Битрикса. Для бэкенда интернет-магазина Tervolina мы «обернули» Битрикс в собственные методы API, к которым обращается single-page application на стороне фронтенда.
Самое интересное кроется внутри, в сложных интеграциях и синхронизации данных между сервисами. Заказ на сайте Tervolina завязан на трёх системах, которые взаимодействуют с сайтом через интеграционную шину на базе SAP. Первая система управляет ценами и скидками — все расчёты идут на серверах подрядчика, а мы просто выводим пользователю результат.
При оформлении заказа информация о ценах передаётся в систему OMS, к которой подключены обработка заказов и колл-центр. Система регистрирует заказ и отправляет запрос на комплектацию в службу доставки, а та отвечает, есть товар в наличии или нет. Информация попадает к оператору, который звонит клиенту и подтверждает заказ, либо предлагает замену.
Также к сайту привязаны три дополнительных модуля: программа лояльности от Loymax, система персональных рекомендаций, решение для email-маркетинга и сервисных писем.