11/28/2019Мода и красота
#frontend
#интеграции и API
#интернет-магазины

Интернет-магазин без подзагрузок

Адаптивный онлайн-магазин, который работает без подзагрузок, как приложение или хорошая видеоигра. Но самое интересное в сложных интеграциях: на борту программа лояльности, OMS, платёжные системы и сервис доставки заказов. Этот сайт мы собрали на nuxt.js и vue.js.

Tervolina — сеть салонов обуви и аксессуаров. В 1992 году компания начала с оптовых поставок итальянской обуви в Россию, теперь же у бренда более 100 салонов по всей стране.

Компания Tervolina решила создать сайт на собственной платформе, чтобы уменьшить зависимость от маркетплейсов. Приоритеты: легкость обновления и полный контроль над воронкой продаж.

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

Нашей задачей было интегрировать сторонние сервисы с сайтом и между собой так, чтобы покупатели не замечали стыков — магазин должен восприниматься как единый сервис. Это называется «бесшовный опыт».

Разрабатывая сайт на nuxt.js, мы ушли от привычной рутины, когда вёрстка интегрируется в компоненты Битрикса. Для бэкенда интернет-магазина Tervolina мы «обернули» Битрикс в собственные методы API, к которым обращается single-page application на стороне фронтенда.

Самое интересное кроется внутри, в сложных интеграциях и синхронизации данных между сервисами. Заказ на сайте Tervolina завязан на трёх системах, которые взаимодействуют с сайтом через интеграционную шину на базе SAP. Первая система управляет ценами и скидками — все расчёты идут на серверах подрядчика, а мы просто выводим пользователю результат.

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

Также к сайту привязаны три дополнительных модуля: программа лояльности от Loymax, система персональных рекомендаций, решение для email-маркетинга и сервисных писем.