Интернет-магазин товаров для HoReCa с интеграцией с BAS

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

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

Для корпоративного сектора важен не визуал, а понятный и функциональный интерфейс. Поэтому мы сделали акцент на:

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

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

Разработали два меню, чтобы покрыть два сценария использования:

1. Классический с выбором категорий и подкатегорий товаров.
2. С разбивкой по видам бизнеса — можно выбрать сферу и увидеть соответствующие категории товаров.

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

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

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

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

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

Это был важнейший этап проекта, во время которого мы настроили синхронизацию:

• выгрузка товаров из BAS на сайт;
• актуальные остатки;
• передача заказов с сайта в BAS.

Вместе с клиентом продумали структуру каталога и характеристики товаров, чтобы данные корректно жили и в BAS, и на сайте.

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

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

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

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