Varus
Varus, одна з найбільших продуктових мереж України, трансформувала свій eCommerce за допомогою headless-рішення на базі Magento та Vue Storefront - це дозволило пришвидшити інновації, покращити UX і забезпечити справжню омніканальність.
Березень 2021 — дотепер
Коли Varus (одна з найбільших продуктових мереж України) вирішив модернізувати свій eCommerce, їм було потрібно значно більше, ніж просто оновлення дизайну. Необхідна була гнучкість, швидкість, масштабованість і динамічне впровадження змін. Завдяки headless-рішенню на базі Magento та Vue Storefront ми створили кастомний PWA з глибокими інтеграціями та підтримкою Dark Store. Результат - зростання кількості замовлень на 800% і сучасна платформа, готова до швидкого занновацій.
800%
зросли продажі
150%
більше успішних оформлень замовлень
Про проект
Varus - відома українська мережа з 110 супермаркетами та зростаючим онлайн-напрямом, включаючи власний Dark Store для обробки інтернет-замовлень.

Varus об’єднує 7 500 співробітників і за 2023 рік отримав 17,5 млрд грн (432 млн євро) виручки. Компанія прагне забезпечити покупцям справжній омніканальний досвід: на онлайн-платформі varus.ua доступно понад 21 900 товарів, а щоденна аудиторія перевищує 323 000 клієнтів онлайн. Зі зростанням популярності онлайн-покупок, особливо на фоні пандемії та війни, Varus поставив собі за мету створити сучасну eCommerce-платформу, яка відповідатиме новим очікуванням та потребам споживачів.

Виклик
У 2021 році Varus звернулися до нас із амбітною метою - створити сучасну eCommerce-платформу, здатну забезпечити відмінний користувацький досвід, масштабуватися під зростаючі потреби й легко інтегруватися з іншими системами.
Компанія прагнула увійти до п’ятірки найбільших продуктових рітейлерів України. На той момент Varus вже мали власний сервіс доставки go.varus.ua, але стикалися з проблемами у швидкодії та інтеграціях.
Наше завдання полягало в тому, щоб побудувати рішення, яке поєднує високу швидкість роботи, гнучкість, інноваційність і безшовну інтеграцію з внутрішніми бізнес-процесами Varus.
Чому headless-архітектура?
Для цього проєкту ми обрали Magento 2 і Vue Storefront, оскільки саме їхня гнучкість дозволяє створити справжнє headless-рішення. Magento виконує роль потужного бекенду, якого потребує Varus, а Vue Storefront забезпечує високопродуктивний фронтенд на основі PWA з легкістю інтеграції. Це ідеальна комбінація для масштабних проєктів: вона гарантує сумісність із різними пристроями, каналами продажу, мобільність і швидке підключення нових сервісів.
Ключові переваги headless eCommerce-архітектури для Varus
1. Гнучкість кастомізації та масштабування.
Одна з головних переваг headless-підходу — його вроджена гнучкість. Для Varus це означає можливість швидко впроваджувати нові функції, наприклад, сервіс підписки на регулярні доставки товарів. Платформа може легко адаптуватися до змін ринку або очікувань клієнтів без значних доопрацювань.
2. Легка інтеграція зі сторонніми системами. Headless-архітектура дала змогу Varus легко інтегрувати десятки зовнішніх сервісів, що суттєво розширило функціонал платформи:
- Інтеграція Promotion Product (PP): щотижня до Magento імпортується близько 5 000 акційних товарів, що підвищує конверсію і лояльність клієнтів.
- Інтеграція TMS: транспортна система для керування доставкою, тайм-слотами й логістичними зонами магазинів, що оптимізує доставку й гарантує зручність для клієнтів.
- Інтеграція SQPP: система для управління запасами і цінами з оновленням кожні 2 хвилини — завжди актуальна інформація для покупців.
- Інтеграція PIM: синхронізація товарів і категорій, оновлення товарів кожні 15 хвилин, категорій — щогодини; просте управління навіть десятками тисяч SKU.
- Інтеграція сервісу клієнтів: окрема служба для реєстрації та автентифікації користувачів, що робить процес покупки безпечним і простим.
- Інтеграція Admitad: підключення маркетингової платформи для керування партнерськими програмами, відстеження конверсій і залучення нових клієнтів.
Завдяки цим інтеграціям Varus може ефективно масштабуватись і швидко реагувати на потреби клієнтів, залишаючись максимально ефективним.
3. Підвищення швидкодії та продуктивності.
Headless-архітектура дозволяє фронтенду та бекенду працювати незалежно, що значно пришвидшує завантаження сторінок і покращує загальну продуктивність. Це особливо важливо під час пікових навантажень, коли сайт має залишатися швидким і стабільним, щоб не втрачати клієнтів.
4. Кращий мобільний користувацький досвід.
Значна частина клієнтів Varus робить покупки зі смартфонів, тому headless-підхід із PWA (Vue Storefront) дозволив створити справді мобільний, швидкий і "app-like" досвід для користувачів. Це збільшує залученість і конверсію.
5. Покращені SEO і залучення користувачів.
Vue Storefront чудово підходить для SEO: магазин легко індексується, добре ранжується в пошуку навіть у конкурентному середовищі. Гнучкий фронтенд дозволяє розміщувати динамічний контент і мультимедіа, що покращує користувацький досвід.
Що було реалізовано
- Кастомна розробка теми. Повністю унікальний фронтенд, розроблений з нуля відповідно до бренд-стилю Varus, вимог до UX та швидкодії, із глибокою інтеграцією у headless PWA-стек та бекенд Magento.

- Інтеграція з PIM. Практично миттєва синхронізація понад 21 900 SKU — автоматичне оновлення даних про товари кожні 15 хвилин, що забезпечує актуальність інформації на всіх каналах.
- Інтеграція з SQPP. Синхронізація залишків і цін у реальному часі (кожні 2 хвилини) між магазинами — критично важливо для точності запасів і задоволеності клієнтів.
- Інтеграція з TMS. Розширена логіка доставки: способи, часові слоти, зони доставки за полігонами — все для максимально ефективної логістики та омніканального виконання замовлень.

- Оптимізація кошика та замовлень. Кастомна бізнес-логіка, покращення UX і оптимізація швидкодії на всіх етапах оформлення замовлення — напряму впливає на конверсію й прибуток.

- Оптимізація SSR (server-side rendering). Підвищення швидкості завантаження сторінок, SEO та індексації, що особливо актуально для високонавантажених PWA.
- Впровадження Multisearch. Інтеграція розширеного пошуку за різними типами контенту для зручної навігації й кращого пошуку товарів.
- Інтеграція Promotion Product (PP). Автоматичне оновлення близько 5 000 акційних SKU щотижня, підтримка масштабних промокампаній і залучення клієнтів.

- Інтеграція підтримки клієнтів. Плавна реєстрація й авторизація користувачів для безпеки та комфортного користувацького досвіду.
- Інтеграція Admitad Marketing. Платформа для партнерського маркетингу: відстеження, керування кампаніями та аналітика ефективності партнерів.
Результати і наступні кроки
Після запуску нової платформи на базі Vue Storefront у 2022 році varus.ua досягнув вражаючих результатів:
- Зростання кількості замовлень на 800% за рік
- 150% більше успішних оформлень замовлень, що напряму вплинуло на задоволеність клієнтів і збільшення доходу
Dark Store та майбутнє рітейлу
Varus активно досліджує потенціал dark store - спеціалізованих центрів обробки онлайн-замовлень. Вони дозволяють пришвидшити доставку та оптимізувати логістику, що важливо для задоволення зростаючого попиту на онлайн-покупки.
За прогнозами індустрії, глобальний перехід до онлайн- і dark store-моделей лише пришвидшується. Очікується, що до 2030 року значна частина класичних магазинів перейде у формат онлайн-платформ та dark store. Така трансформація відповідає загальному тренду на зручність, персоналізацію й швидке отримання товарів — саме ці принципи лежать в основі стратегії розвитку Varus.

Функціонал підписок на регулярні доставки

Varus продовжує впроваджувати інновації. Наразі ми працюємо над сервісом підписок на регулярні доставки: покупці зможуть замовити автоматичне отримання необхідних товарів з певною періодичністю, що заощадить час і кошти. Платформа автоматично враховуватиме акційні пропозиції та підбиратиме найвигідніші варіанти під індивідуальні уподобання кожного клієнта, роблячи покупки ще зручнішими та ефективнішими.
Що у підсумку
Varus постійно розвивається, і headless-рішення, яке ми впровадили, дає компанії змогу залишатися на крок попереду ринку та очікувань клієнтів завдяки надзвичайній гнучкості й масштабованості. У міру того, як споживачі очікують швидших і персоналізованіших покупок, Varus може легко адаптувати платформу, не змінюючи всю систему з нуля. Headless-архітектура дозволяє органічно інтегрувати нові технології, від персоналізованих AI-рекомендацій до сервісів підписок і розширених інструментів залучення клієнтів, що допомагає Varus залишатися конкурентоспроможними у швидкозмінному світі eCommerce.
Можливість легко підключати зовнішні сервіси, від маркетингу до логістики, і це гарантує, що Varus може постійно впроваджувати інновації з мінімальними ризиками для операційної діяльності. Це рішення робить платформу Varus максимально готовою до майбутніх змін: нові фічі, оптимізація швидкодії, сучасний досвід для покупців - усе це легко реалізується у відповідь на зміни технологій і вподобань клієнтів.