Чтобы подобрать мультимедийное оборудование, нужно учесть параметры помещения, совместимость устройств и их технические требования. В итоге на изучение каталогов потребуются часы, а то и дни. Мы сделали так, чтобы этот процесс стал намного проще.
Привет, я Виктор Рындин, CEO диджитал-агентства Wemakefab. Мы занимаемся UI/UX-дизайном и создаём цифровые продукты, которые упрощают жизнь людям и компаниям.
Один из таких проектов — редизайн сайта для компании «АВ-Центр». Это крупный дистрибьютор аудио- и видеооборудования. Над этим проектом работала наша команда, а дизайн создавал Александр Лагута, живая легенда отечественного дизайна и ведущий дизайнер Wemakefab.
В этой статье расскажу, как мы превратили сайт более чем с 2000 товарами в удобный сервис для B2B-клиентов, где всё работает на решение задач.
Клиент: «АВ-Центр» — дистрибьютор и производитель профессионального аудио- и видеооборудования
Компания работает с B2B-клиентами и обеспечивает их оборудованием для любых помещений: от конференц-залов и караоке-баров до стадионов и храмов.
Основные клиенты «АВ-Центра» — крупные интеграторы мультимедийного оборудования, инсталляторы и интернет-магазины. А конечные потребители — представители бизнеса и госорганизаций: развлекательные и образовательные заведения, спортивные клубы, культурные учреждения и компании из ивент-индустрии.
Задача: обновить сайт компании. Новый дизайн должен был подчеркнуть премиальный статус бренда и его ориентацию на высокий ценовой сегмент.
Что нужно учитывать, когда разрабатываешь интернет-магазин для B2B-аудитории
«Физики» часто покупают на эмоциях: «это круто выглядит», «у моего соседа точно такое же», «о, хорошая скидка». В B2B такого нет — здесь важен расчёт и профессиональная оценка. Выбирают не просто товар, а решение, которое впишется в систему, будет совместимо с другими устройствами и будет соответствовать требованиям проекта.
Если говорить именно про мультимедийное оборудование, то обычные покупатели чаще берут универсальные и готовые комплекты, где всё уже собрано и настроено. А профессионалам нужны гибкие решения — им важно понимать, какие модели совместимы, какие есть альтернативы, как оборудование будет работать в конкретных условиях.
В нашем проекте мы учли эти особенности и реализовали платформу, где можно не просто «купить технику», а получить инструменты для работы: удобный поиск, готовые решения для определённых типов помещений, наличие оборудования на складе, персональные условия и профессиональную поддержку.
Самая имбовая фича на сайте — вкладка «Решения»
Когда на сайте больше 2000 товаров, клиенту сложно быстро определить, что из всего списка подойдёт для конкретного проекта. Чтобы упростить выбор, мы реализовали вкладку «Решения» — инструмент, который позволяет находить подходящее оборудование буквально за пару кликов.
В разделе есть два сценария выбора:
- По отраслям бизнеса. Здесь клиент может выбрать подходящую сферу: HoReCa, государственные организации, духовные учреждения, образование, спорт, культура и другие
- По типам помещений. Подборки для конкретных пространств: актовые залы, бары, бассейны, конференц-залы, музеи и даже храмы.
Каждая категория организована так, чтобы не перегружать пользователя информацией. Например, выбрав «Бар», клиент попадает на страницу с пояснением, какие особенности важны для звукового и мультимедийного оснащения таких пространств. Ниже — готовая подборка оборудования: акустические системы, усилители, кабели. Всё, что нужно для решения задачи.
Каталог с продвинутой системой фильтров
Каталог помогает пользователям разобраться в деталях и подобрать технику под требования проекта. Чтобы этот процесс был простым, мы реализовали понятную и функциональную систему.
Всё начинается с понятной структуры. Каталог разбит на основные группы, например «Аудио- и видеооборудование», «Кабели» и так далее. Каждая группа делится на категории, чтобы пользователи могли сразу начать искать, что им нужно.
Дальше идут фильтры. В них мы добавили всё, что может помочь с поиском нужных позиций. На странице каждой категории товаров можно применить такие фильтры: по типу оборудования, бренду, наличию товара, цене и актуальности.
Также пользователь может пойти другим путём: если ему нужно оборудование конкретного бренда, он может выбрать его в соседнем от каталога разделе «Бренды». Тогда путь будет таким:
«Бренды» → нужный бренд → тип оборудования → конкретная модель.
Мы настроили систему фильтров так, что неважно, с какой точки пользователь начинает поиск — через каталог, бренды или готовые решения, — в итоге он попадает в единую систему. И там он сможет отсортировать товары по другим параметрам, например по цене или по актуальности.
Информативные карточки товаров
Чтобы подобрать оборудование, которое точно справится с задачей, нужно понять, где его лучше использовать, как оно работает, что потребуется для установки. А иногда — найти аналог, который будет выгоднее или удобнее. Мы продумали карточки товаров так, чтобы пользователь мог разобраться во всём этом сразу, на одной странице.
Что есть в карточках товара:
- Описание и характеристики. Всё, что важно: мощность, тип подключения, размеры и другие параметры.
- Рекомендации по типам помещений. Указано, для каких пространств подходит оборудование, например бар, конференц-зал, фитнес-клуб и так далее.
- Технические документы. Здесь можно скачать схемы подключения, инструкции и другие файлы, чтобы заранее разобраться во всех деталях.
- Сопутствующие товары и аналоги. Карточка сразу подскажет, какие аксессуары или похожие модели могут вам понадобиться. Так, если это акустическая система, то какие подойдут усилители, кабели и т. д.
Ещё несколько крутых фич
Премиальный дизайн. Мы сделали акцент на простоту и минимализм. Ахроматическая гамма подчёркивает премиальный статус бренда, а фирменный синий цвет помогает выделить важные элементы.
Мы создали определённую систему в типографике, учли контрасты в размерах. Это отражает тренд на минимализм — классический, но в то же время современный подход. А ощущение премиальности дополнительно создаёт сама продукция бренда.
Личный кабинет с персональным менеджером. В своём ЛК клиент может легко управлять своими заказами и взаимодействовать с персональным менеджером.
Здесь можно:
- Посмотреть историю заказов и повторить любой за пару кликов.
- Создать списки товаров для будущих покупок.
- Посмотреть информацию о своём персональном менеджере: фотографию, имя, номер телефона, почту и ссылки на мессенджеры.
Персональный менеджер — это не просто абстрактный контакт, а полноценный помощник. Он поможет с выбором оборудования, подскажет подходящие варианты и ответит на другие вопросы.
«Пустые пользователи». «АВ-центр» работает с корпоративными клиентами и проверяет данные каждой новой компании, когда они регистрируются. После этого назначает им персонального менеджера. Весь этот процесс занимает время.
Чтобы пользователи не теряли время в ожидании, мы реализовали тип клиентов «пустые пользователи». Сразу после регистрации они могут делать заказы, но без доступа к личному менеджеру и без индивидуальной скидки.
Результат: пользователи экономят время, а бизнес получает больше заказов
Мы создали не просто удобный интернет-каталог с тысячами позиций, а полноценный инструмент, который облегчает выбор мультимедийного оборудования для конкретных проектов и помещений.
Теперь пользователи тратят меньше времени на поиск и оформление заказов, а «АВ-центр» получает лояльных покупателей.
Если вам интересны технические детали проекта, смотрите наш полный кейс на сайте Wemakefab.
Проект уже успел получить несколько наград на престижных диджитал-конкурсах:
- Золото на Tagline Awards 2024 в номинации «B2B-портал для дистрибьютора техники».
- Бронза на конкурсе «Рейтинг Рунета» в номинации «Адаптивные сайты».
- Бронза на «Золотом сайте» в номинации «Лучший сайт для бизнеса».
Мы в Wemakefab делаем диджитал-продукты, которые не просто красиво выглядят, а реально работают на бизнес-цели. Если вам нужен интернет-магазин, онлайн-сервис или корпоративный сайт, — приходите, разберёмся, как сделать круто (и сделаем).
Если вам интересно, как мы работаем с другими проектами, подписывайтесь на телеграм-канал Wemakefab.
Подписывайтесь на мой тг-канал «Вожу рукой», если хотите узнать, как делать крутые продукты, нанимать сильных специалистов и зарабатывать деньги в диджитале.
