Кобор — производитель и поставщик оборудования для ресторанов, магазинов, отелей и пищевых производств.
Контекст и задачи
Команда Кобора обратилась за обновлением B2B-интернет-магазина, который включал также корпоративные разделы. Это ключевой инструмент продаж компании, в котором представлено более 50 тысяч единиц товаров.
По сути это B2B-маркетплейс с предложениями десятков разных производителей.
В пул наших задач входило:
· Разработать удобную навигацию по сайту и каталогу товаров в соответствии с актуальными пользовательскими сценариями
· Предложить новую визуальную идентичность бренда, которая бы соответствовала статусу эксперта на рынке профессионального оборудования
· Увеличить конверсию в оформленные заказы через сайт
· Настроить синхронизацию цен и остатков каталога, онлайн-оплату
· Повысить скорость сайта

Навигация по каталогу
Проработав пользовательские сценарии, мы интегрировали на главную страницу четыре способа для доступа к товарам в зависимости от задач пользователя:
1. Постепенно раскрывающийся каталог в хедере
2. Строка с категориями товаров
3. Поиск по сайту
4. Наглядный алфавитный каталог в меню-бургере
Дополнительно
Дополнительно разработали отдельный каталог брендов с тремя вариантами поиска. Пользователь может отсортировать бренды по алфавиту или воспользоваться поисковой строкой, если ищет конкретную торговую марку.
Фильтр по категориям позволяет ознакомиться с выборкой брендов по направлениям деятельности Кобора.

Подборки и интересные решения
С помощью сменяющихся главных баннеров отразили ценностное предложение в четырех ключевых специализациях компании — производство оборудования, оборудование для торговли, оснащение общепита и отелей.
Специальные предложения компании оформили в анимированные красочные подборки.
Каталог и карточка товара
Каталог спроектирован с возможностью акцентной верстки. Высокомаржинальные товары выделяются большой карточкой с возможностью перенастроить карточку в панели администратора. Для каждой категории товаров помимо стандартных фильтров настроены индивидуальные.

В карточке собрана вся информация для принятия решения о покупке — от подробных характеристик до доставки и ответов на популярные вопросы покупателей. Минимальная информация о товаре и возможность оформить заказ всегда на глазах у пользователя в блоке справа. Среди особенностей карточки возможность купить в 1 клик или в лизинг, скачать документы о товаре в формате pdf и добавить товар в список для сравнения или в избранное.

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

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

Мы создали дизайн-систему для всех страниц и продумали консистентную гибкую айдентику, интегрированную в дизайн-систему и интерфейс — иконки, графические и цветовые схемы, анимацию UI элементов.
