Вы сможете подобрать аудио- и видеооборудование для бара? А для храма? Разработали сервис, с которым вы сделаете это за пару кликов

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

Привет, я Виктор Рындин, CEO диджитал-агентства Wemakefab. Мы занимаемся UI/UX-дизайном и создаём цифровые продукты, которые упрощают жизнь людям и компаниям.

Один из таких проектов — редизайн сайта для компании «АВ-Центр». Это крупный дистрибьютор аудио- и видеооборудования. Над этим проектом работала наша команда, а дизайн создавал Александр Лагута, живая легенда отечественного дизайна и ведущий дизайнер Wemakefab.

В этой статье расскажу, как мы превратили сайт более чем с 2000 товарами в удобный сервис для B2B-клиентов, где всё работает на решение задач.

Компания работает с B2B-клиентами и обеспечивает их оборудованием для любых помещений: от конференц-залов и караоке-баров до стадионов и храмов.

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

Задача: обновить сайт компании. Новый дизайн должен был подчеркнуть премиальный статус бренда и его ориентацию на высокий ценовой сегмент.

«Физики» часто покупают на эмоциях: «это круто выглядит», «у моего соседа точно такое же», «о, хорошая скидка». В B2B такого нет — здесь важен расчёт и профессиональная оценка. Выбирают не просто товар, а решение, которое впишется в систему, будет совместимо с другими устройствами и будет соответствовать требованиям проекта.

Если говорить именно про мультимедийное оборудование, то обычные покупатели чаще берут универсальные и готовые комплекты, где всё уже собрано и настроено. А профессионалам нужны гибкие решения — им важно понимать, какие модели совместимы, какие есть альтернативы, как оборудование будет работать в конкретных условиях.

В нашем проекте мы учли эти особенности и реализовали платформу, где можно не просто «купить технику», а получить инструменты для работы: удобный поиск, готовые решения для определённых типов помещений, наличие оборудования на складе, персональные условия и профессиональную поддержку.

Когда на сайте больше 2000 товаров, клиенту сложно быстро определить, что из всего списка подойдёт для конкретного проекта. Чтобы упростить выбор, мы реализовали вкладку «Решения» — инструмент, который позволяет находить подходящее оборудование буквально за пару кликов.

В разделе есть два сценария выбора:

Каждая категория организована так, чтобы не перегружать пользователя информацией. Например, выбрав «Бар», клиент попадает на страницу с пояснением, какие особенности важны для звукового и мультимедийного оснащения таких пространств. Ниже — готовая подборка оборудования: акустические системы, усилители, кабели. Всё, что нужно для решения задачи.

Каталог помогает пользователям разобраться в деталях и подобрать технику под требования проекта. Чтобы этот процесс был простым, мы реализовали понятную и функциональную систему.

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

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

Также пользователь может пойти другим путём: если ему нужно оборудование конкретного бренда, он может выбрать его в соседнем от каталога разделе «Бренды». Тогда путь будет таким:

«Бренды» → нужный бренд → тип оборудования → конкретная модель.

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

Чтобы подобрать оборудование, которое точно справится с задачей, нужно понять, где его лучше использовать, как оно работает, что потребуется для установки. А иногда — найти аналог, который будет выгоднее или удобнее. Мы продумали карточки товаров так, чтобы пользователь мог разобраться во всём этом сразу, на одной странице.

Что есть в карточках товара:

Премиальный дизайн. Мы сделали акцент на простоту и минимализм. Ахроматическая гамма подчёркивает премиальный статус бренда, а фирменный синий цвет помогает выделить важные элементы.

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

Личный кабинет с персональным менеджером. В своём ЛК клиент может легко управлять своими заказами и взаимодействовать с персональным менеджером.

Здесь можно:

Персональный менеджер — это не просто абстрактный контакт, а полноценный помощник. Он поможет с выбором оборудования, подскажет подходящие варианты и ответит на другие вопросы.

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

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

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

Теперь пользователи тратят меньше времени на поиск и оформление заказов, а «АВ-центр» получает лояльных покупателей.

Если вам интересны технические детали проекта, смотрите наш полный кейс на сайте Wemakefab.

Проект уже успел получить несколько наград на престижных диджитал-конкурсах:

Если вам интересно, как мы работаем с другими проектами, подписывайтесь на телеграм-канал Wemakefab.

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