Engels
Індивідуальне рішення Magento з темою Hyvä перетворило B2B eCommerce компанії Engels, забезпечивши швидшу роботу, спрощене обслуговування та безшовну інтеграцію з ERP для першокласного цифрового досвіду.
Січень 2023 - дотепер
Engels Group — нідерландський сімейний бізнес із 70-річною історією та річним обігом у €40 млн, що спеціалізується на сталих логістичних рішеннях. Готуючись до виходу на ринок Великої Британії, компанія потребувала сучасної, високопродуктивної eCommerce-платформи для підтримки зростання як у B2B, так і у B2C. Ми розробили цілісну дизайн-систему, абсолютно новий фронтенд із темою Hyvä та розширену функціональність.
Про проект
Engels — це сімейний бізнес із 70-річною історією, який виріс у міжнародну компанію з річним обігом близько €40 млн, зробивши сталий розвиток основою своєї діяльності.
Компанія має сучасні виробничі потужності, обладнання та ресурси, що дозволяють виготовляти індивідуальні продукти — від кількох одиниць до мільйонів. Завдяки різним технологіям виробництва (зварювання пластику, лиття під тиском, ротоформування, вакуумне формування, гофрована пластикова упаковка, інжиніринг піни, обробка листового металу, друк і маркування) Engels виготовляє контейнери для транспортування та зберігання, палети й палетні коробки, ємності для утримання рідин, контейнери для небезпечних матеріалів та відходів. Вони також надають електроніку, програмне забезпечення та логістичні послуги для збору відходів.
Engels прагне зменшити відходи, мінімізувати вуглецевий слід і сприяти розвитку циркулярної економіки.
Екологія та логістика тісно пов’язані: розумно спроєктовані багаторазові пакувальні рішення створюють сталість. Наприклад, скло, папір чи використані батарейки починаються як відходи, але завдяки правильному транспортуванню та переробці можуть бути знову використані.
Компанія є відомою у Нідерландах, успішно працює в кількох ринках ЄС і зараз виходить на ринок Великої Британії. Як B2B-бізнес, основний прибуток отримує з великих складських контрактів, укладених через переговори, а не тільки завдяки враженню від сайту чи класичній eCommerce-моделі. Водночас Engels ще з 90-х років інвестує у SEO, що дозволяє їй утримувати топові позиції у пошуковій видачі.
Однак зростаюча важливість швидкодії вебсайту змусила компанію перейти від повільного фронтенду Magento Luma до нової, швидкої теми Hyvä. Проте дизайн-система не була розроблена на початку, через що новий сайт для Великої Британії вийшов непослідовним. Крім того, код попереднього підрядника не відповідав стилям Hyvä, що призвело до численних багів.
Виклик
Виявити та виправити всі поточні проблеми сайту, розробити дизайн-систему, яка об’єднає всі елементи з мінімальними змінами — без необхідності створювати тему з нуля. Завершити роботу якомога швидше, адже це було справжньою перешкодою для виходу на ринок Великої Британії.
У цей момент компанії потрібно створити чудове перше враження в новому для себе ринку. Новий дизайн повинен бути цілісним і підкреслювати надійність, широкий асортимент рішень, сталість і прагнення до позитивних змін. Також сайт має бути швидким, функціональним і відображати статус високотехнологічного підприємства.
Що ми зробили
У співпраці з дизайнером, фронтенд-розробником, eCommerce-менеджером і маркетологами з обох сторін ми створили нову дизайн-систему на основі компонентів теми Hyvä. Далі розробники кастомізували тему згідно з наданими макетами.
На головному екрані — велике зображення Землі з позначеннями країн присутності Engels як нагадування про місію компанії: служити довкіллю та створювати краще майбутнє для клієнтів, співробітників і планети. Інтерактивна карта з країнами присутності підсилює довіру до бренду.
- Інтерактивне меню зручно організовує навігацію навіть для таких складних каталогів, як у Engels.
- Кастомний блок відео.
- Картка товару показує всю ключову інформацію прямо на сторінці категорії: артикул, характеристики, багаторівневе ціноутворення, наявність, ціни з ПДВ та без (для B2B і B2C), спеціальні мітки, кнопку «додати до порівняння», час доставки та функцію «запитати ціну».
- Сторінка товару містить фото високої якості, детальний опис, варіанти кольору й розміру, файли для завантаження з характеристиками, інформацію про наявність і час доставки. Ми розробили індивідуальні правила статусу запасів та часові слоти доставки, щоб відобразити особливості виробництва Engels.
- Багаторівневе ціноутворення забезпечує прозорі знижки залежно від обсягу замовлення.
- Функція "Запитати ціну" дозволяє клієнтам отримати індивідуальну пропозицію на великі або нестандартні замовлення.
- Кастомні мітки товарів (наприклад, foodproof) для швидкого донесення важливої інформації.
- Пошук на Elasticsearch з попапом результатів, сторінкою пошуку з фільтрами та сортуванням.
Результати
Стара версія сайту (Magento Luma Theme) працювала повільно.
Нова версія з темою Hyvä забезпечує швидку роботу, кращий UX і SEO, особливо для складних каталогів. Додаткові сайти Engels вже перенесено на Hyvä, і процес триває, підтримуючи цифрову трансформацію компанії на різних ринках.
Що у підсумку
Модернізація eCommerce-рішення Engels із використанням теми Hyvä значно підвищила швидкодію, зручність користування та ефективність роботи з великим асортиментом товарів. Створення єдиної дизайн-системи усунуло проблеми непослідовності та багів, а новий функціонал для B2B-клієнтів зробив процес замовлення прозорим і швидким.
Завдяки оновленню платформи Engels отримав сучасний інструмент для успішного виходу на нові ринки, посилив позиції у пошуковій видачі та забезпечив основу для подальшої цифрової трансформації.