Інтернет-магазин товарів для HoReCa з інтеграцією з BAS

Роботу почали з глибокого аналізу потреб оптовиків та власників закладів HoReCa, щоб трансформувати їхні болі у функціональні рішення. Після чого створили ч/б прототипи ключових сторінок, впровадивши:

• cортування за параметрами (наприклад, діаметр/об’єм), що виключає помилки при підборі кришок до стаканів;
• прозору логіку цін за одиницю товару та упаковку, а також зрозумілу інформацію про акції та знижки;
• можливість миттєво додавати позиції пачками в кошик та формувати замовлення на 30–80 товарів в декілька кліків;
• особистий кабінет для повторних покупок без зайвих дзвінків менеджерам.

Для корпоративного сектору важливий не «wow» візуал, а зрозумілий та функціональний інтерфейс. Тому ми зробили акцент на:

• читабельну ієрархію та швидкі дії;
• миттєвий доступ до порівняння та обраного;
• короткий шлях від каталогу до оформлення.

Водночас ми заклали й візуальну «родзинку», обравши для сайту сміливе поєднання лимонно-зеленого та бузкового кольорів для створення впізнаваного стилю.

Розробили два меню щоб покрити два сценарія використання:

1. Класичний з вибором категорій та підкатегорій товарів.
2. З розбивкою за видами бізнесу – можна обрати сферу та побачити відповідні категорії товарів.

Сторінка кожної категорії товарів містить можливість обрати підкатегорію, зкористатись фільтрами та функціонал для перемикання виду відображення товарів, що дозволяє користувачу налаштувати каталог для себе.

Інформативна сторінка товару, яка містить ключові характеристики товару, інформацію про пакування, пропозиції додаткових товарів, наприклад, кришки відповідного розміру для стаканів.

Як основу обрали WordPress/WooCommerce — оптимально під задачу клієнта та подальший розвиток функціоналу.

Реалізували ключові функції:

• розумний каталог із фільтрами, сортуванням, порівнянням продукції та налаштований пошук із підказками;
• інформативні картки товарів із цінами за 1 шт/упаковку, pop-up швидким переглядом та можливістю порівняння;
• особистий кабінет із функцією повторного замовлення та списками обраного;
• окрема сторінка акцій із групуванням усіх актуальних вигідних пропозицій;
• сторінка оформлення замовлення із контролем мінімальної суми замовлення та гнучким вибором доставки.

Це був найважливіший етап проєкту, під час якого ми налаштували синхронізацію:

• вивантаження товарів із BAS на сайт;
• актуальні залишки;
• передача замовлень з сайту в BAS.

Разом з клієнтом продумали структуру каталогу та характеристики товарів, щоб дані коректно жили і в BAS, і на сайті.

Ми реалізували розумну таблицю товарів з миттєвою фільтрацією за категоріями. Це дозволяє закупівельникам формувати великі замовлення в одному вікні без зайвих переходів між сторінками.

Для швидкого завантаження масштабних B2B-каталогів, ми налаштували кешування та підключили BunnyCDN. Децентралізована система серверів цієї CDN дозволило сайту витримувати високі навантаження та миттєве відображати зображення товарів.

1. Під час робіт змінилося 3 розробники BAS, але ми синхронізувалися з кожним, документували логіку та утримували інтеграцію цілісною.
2. Довго шліфували картку товару та прайс-листи, щоб можна було миттєво зчитати різницю між ціною за одиницю та упаковку, оцінити акції та порівняти товари.
3. В процесі розробки контент був не повністю готовий, тому на частину позицій поставили акуратні заглушки, щоб не стопорити реліз.
4. Оптимізували сайт і ввімкнули кешування, забезпечивши високу швидкість завантаження навіть при пікових навантаженнях.

Сучасний інтернет-магазин, який повністю закриває потреби закупівельників та автоматизує облік товарів і замовлень через синхронізацію з BAS. Далі в планах програма лояльності та розширення логіки оптових цін.