«АВ-Центр» — дизайн и разработка B2B-портала для дистрибьютора техники

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

«АВ-Центр» — дистрибьютор профессионального аудио и видеооборудования для мультимедийной индустрии. Компания работает с B2B-клиентами — подбирает и поставляет аудио- и видеооборудование для любых помещений и пространств: конференц-залов, караоке-баров, клубов, стадионов, бульваров, храмов и так далее.

ЦА: представители развлекательных и учебных заведений, спортивных клубов, государственные организации и и другие представители сферы культуры и ивент-индустрии.

Что нужно было сделать:

— Разработать удобный личный кабинет, который позволит клиентам легко управлять заказами.

— Пересобрать структуру сайта, чтобы ускорить поиск нужного оборудования.

— Интегрировать CRM и 1С, чтобы автоматизировать обработку заказов и персонализировать взаимодействие с клиентами.

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

— Продумали визуально привлекательный интерфейс, который подчёркивает статус компании и создаёт ассоциацию с современным брендом.

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

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

— Реализовали удобный личный кабинет. Теперь клиенты могут легко управлять заказами, повторять покупки в пару кликов, а также связываться с персональным менеджером.

— Интегрировали CRM и 1С. Автоматизировали работу с заказами: система автоматически применяет индивидуальные скидки, проверяет наличие товаров на складе и формирует задачи для менеджеров.

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

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

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

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

Разработали систему, позволяющую B2B-клиентам быстро находить и заказывать нужное оборудование.

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

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

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

Разработали интуитивно понятный и функциональный каталог товаров, который помогает B2B-клиентам быстро находить нужное оборудование. Учитывая специфику профессионального аудио- и видеооборудования, мы создали структуру, максимально упрощающую навигацию среди 2 000 единиц товаров.

Ключевые особенности каталога:

— Чёткая структура. Каталог разбит на основные группы: аудио- и видеооборудование, кабели и так далее. Основные группы — на подкатегории. Это позволяет пользователям быстро сузить поиск до интересующего их типа техники.

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

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

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

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

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

Вкладка «Решения» сильно экономит время пользователей, которые плохо разбираются в мультимедийном оборудовании, и помогает им сориентироваться в продукции компании.

Например, если владелец торгового центра подбирает оборудование для своего ТЦ, ему не нужно изучать все 2 000 позиций. Он может перейти во вкладку «Решения», выбрать там «Торговые центры», и ему откроется подборка техники, подходящей именно для этих помещений.

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

Здесь можно:

— Посмотреть историю заказов и повторить их за пару кликов.

— Создать списки товаров для будущих покупок.

— Посмотреть информацию о своём персональном менеджере: фотографию, имя, номер телефона, почту и ссылки на мессенджеры.

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

Разработали сайт на 1С-Битрикс и реализовали систему трёхсторонней связи, которая позволяет пользователям быстро оформлять заказы через личный кабинет.

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

Клиент захотел, чтобы сайт был разработан на «1С-Битрикс: Управление сайтом». Реализовали систему, построенную на трёхсторонней связи: сайт интегрирован с CRM и 1С, где 1С выступает в качестве системы хранения информации о товарах, соглашений пользователей и прочих важных данных.

Как работает система «АВ-центра»:

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

— Система автоматически проверяет наличие товаров на складе и применяет персональные скидки для клиентов; заказы автоматически назначаются соответствующим менеджерам.

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

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

— Система автоматически создаёт задачи для менеджеров: например «Подтвердить заказ» или «Отменить запись в шоурум».

Главное преимущество такой системы в том, что она экономит время всем: клиентам проще делать заказы, менеджеры тратят меньше времени на рутину и больше — на работу с клиентами. А руководители компании уверены, что вся информация актуальна, и нет путаницы между разными менеджерами.

Создали удобный интернет-магазин для B2B-сегмента с премиальным и понятным дизайном.

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

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

Сайт за счёт обновлённого дизайна и UX-составляющей отражает высокие стандарты компании и тем самым привлекает дилеров из высокого ценового сегмента.

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

— Золото на Tagline Awards в номинации «B2B-портал для дистрибьютора техники».

— Бронза на «Рейтинг Рунета» в номинации «Адаптивные сайты».

— Бронза на «Золотом сайте» в номинации «Лучший сайт для бизнеса».