<div> <img src="https://top-fwz1.mail.ru/counter?id=3490588;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /> </div>

Обувной интернет‑магазин без подзагрузок

Самое интересное в сложных интеграциях: на борту программа лояльности, OMS, платёжные системы и сервис доставки заказов.

Адаптивный онлайн-магазин, который работает без подзагрузок, как приложение или хорошая видеоигра. Такой эффект создаётся благодаря архитектуре Single Page Application с использованием технологий nuxt.js и vue.js. Подробнее о подходе SPA в разработке сайтов читайте в блоге Максима Панфилова, основателя panfilov.digital.

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

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

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

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

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

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

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

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

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

#backend
#frontend
#интеграции и API
#интернет-магазины
#UI-дизайн