Сразу объяснить предложение
Разделить производство сиропов и поставку разливного оборудования, сохранив их как части единого решения для напитков.
Мы используем файлы cookie и Яндекс.Метрику для анализа и улучшения работы сайта. Продолжая пользоваться сайтом, вы соглашаетесь с политикой конфиденциальности.
Заполните короткую форму
Свяжемся с вами, уточним детали и подготовим предложение.
Меню Заполнить бриф Кейс сайта для HoReCa
Сайт производителя
сиропов BIBOK
Разработали продуктовый сайт для производителя сиропов и поставщика разливного оборудования: структурировали ассортимент для HoReCa и связали каталог с условиями доставки и заявкой.
- Форматпродуктовый сайт
- ПлатформаTilda Publishing
- РаботыUX, дизайн, разработка
- Структурасиропы и оборудование
О проекте
Связать производство, ассортимент
и поставку в одном сайте
BIBOK производит сиропы для газированных и негазированных напитков, а также поставляет оборудование и сопутствующие товары. Сайт должен был быть понятен закупщикам ресторанов, кафе, фудкортов, кинотеатров, кейтеринга и других HoReCa-проектов.
Упростить подбор продукции
Собрать сиропы, оборудование и комплектующие в понятные категории и дать короткий путь к нужной позиции.
Снять вопросы о поставке
До обращения показать варианты применения, способы оплаты, географию и сроки доставки продукции.
Решение
Продуктовый сайт на Тильде: позиционирование → категории продукции → применение в HoReCa → условия поставки → заявка.
Как устроен сценарийUX-стратегия
Структура сайта ведёт
от задачи бизнеса к продукции
Закупщик может прийти как за конкретным сиропом, так и за готовой системой розлива. Поэтому навигацию построили не только вокруг каталога, но и вокруг применения, целевых сегментов и условий поставки.
- 01Кто и что поставляет
Первый экран сразу разделяет сиропы собственного производства и разливное оборудование.
- 02Категории продукции
Сиропы, основы для морсов, сопутствующие товары и оборудование доступны из единой навигации.
- 03Применение в HoReCa
Постмикс, барган, охладители и другие решения связаны с понятными бизнес-сценариями.
- 04Условия заказа
Оплата, доставка по России и контакты завершают путь и подготавливают пользователя к заявке.
Визуальная система
Технологичный визуальный язык
для продукта HoReCa
Тёмная основа поддерживает образ оборудования и подчёркивает яркие упаковки сиропов. Бирюзовый акцент объединяет навигацию, карточки и CTA, а крупная контрастная типографика помогает быстро сканировать плотный ассортимент.
#0B0C10Ink
#14181DCharcoal
#18C6D2Accent
#0FA8B2Teal
#F5F6F2Off white
#9AA3AEMuted gray
Типографика
MontserratСИРОПЫ
ДЛЯ HORECAКрупные заголовки и продуктовые акценты
ДЛЯ HORECAКрупные заголовки и продуктовые акценты
Inter
Нейтральный интерфейсный шрифт используется в описаниях, характеристиках и навигации. Он сохраняет читаемость в каталоге с большим количеством товарных карточек.
Тёмный фон визуально связывает сайт с разливным оборудованием, а бирюзовые элементы направляют пользователя к каталогу и заявке.
Каталог продукции
Большой ассортимент
без ощущения перегруженности
Каталог разделили на сиропы, основы для морсов, оборудование и сопутствующие товары. Внутри категорий карточки выстроены в строгую сетку: изображение, название, короткие характеристики и понятный переход к запросу стоимости.
BIBOK · сиропы
Сиропы bag-in-box
Основная продуктовая линейка для приготовления газированных и негазированных напитков.
Разливное оборудование
Постмикс, барган, аппараты газированной воды, охладители и сопутствующие системы.
Комплектующие и расходники
Стаканы, крышки, коннекторы и другие позиции собраны рядом с основной продукцией.
Адаптив и разработка
Каталог остаётся удобным
на экране смартфона
На мобильной версии товарные карточки переходят в последовательную вертикальную ленту, категории доступны из меню, а кнопки запроса и обратного звонка остаются заметными. Техническая информация читается без масштабирования.
Реализация
Собрали продуктовый сайт на Tilda для каталога и B2B-заявок
- Адаптивная версткакаталог, меню и коммерческие блоки для основных ширин
- Категории продукцииединая карточная система для расширения ассортимента
- Базовая SEO-настройказаголовки, метаданные и описания товарных изображений
- Веб-аналитикаЯндекс Метрика и Google Tag Manager
TildaFigmaGoogle Tag ManagerPhotoshopЯндекс Метрика
Результат
Сайт превращает ассортимент
в понятное предложение для HoReCa
Получился продуктовый сайт, который одновременно представляет производство BIBOK, помогает ориентироваться в сиропах и оборудовании и отвечает на коммерческие вопросы до обращения. Тёмная визуальная система поддерживает технологичный образ бренда, не мешая каталогу.
Ассортимент структурирован
Сиропы, оборудование и комплектующие разделены на категории и легко сравниваются внутри каталога.
Путь закупщика сокращён
Применение, оплата, доставка и контакты связаны с продуктом в одном последовательном сценарии.
Система готова к развитию
Новые вкусы, модели оборудования и товарные категории можно добавлять без изменения общей архитектуры.
«Получились качественные, удобные и современные решения. Результат превзошёл ожидания».
Нужен сайт для производителя или поставщика HoReCa?
