Videx trade

Дизайн сайта-каталога для B2B-аудитории

Разработала интерфейс с удобной структурой, акцентом на функциональность и масштабируемость

Контекст и запрос

ООО Видекс Трейд— оптовый поставщик лакокрасочных и антикоррозийных материалов для авторемонта, работающий на рынке Беларуси с 1997 года. Основные клиенты компании— автомастерские, автосервисы и магазины автотоваров по всей стране

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

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

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

цели и задачи проекта

Основная цель— создать удобный и наглядный онлайн-каталог, который упростит процесс закупок для B2B-клиентов и повысит их лояльность

исходя из цели я сформировала следующие задачи:

Выстроить логичную структуру каталога и упростить навигацию по большому ассортименту

Предусмотреть разные сценарии взаимодействия для авторизованных и неавторизованных пользователей (система оптовых цен доступна только после подтверждения наличия юр. лица)

Сделать процесс формирования и отправки заказа максимально простым и быстрым

Заложить архитектуру сайта с возможностью дальнейшего масштабирования под розничную аудиторию и развитие до полноценного интернет-магазина

подход и процесс

[
01
]
изучение ниши и ца

Начала работу с изучения ниши и особенностей аудитории: B2B-клиенты ценят рациональность и удобство— им важно быстро находить нужные позиции и оформлять заказы без лишних действий

[
02
]
анализ

Провела анализ ассортимента и текущих способов взаимодействия бизнеса с клиентами, чтобы понять, какие этапы вызывают наибольшие затруднения и нуждаются в первостепенной проработке

[
03
]
ключевые сценарии

Совместно с заказчиком определили ключевые пользовательские сценарии и требования к функционалу (система оптовых цен, корзина, авторизация и ЛК)

[
04
]
структура

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

UX-решения

Корзина адаптирована под большие оптовые заказы: можно собрать набор из разных товаров и оформить всё одним действием, без повторяющихся шагов

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

Разработала карточки товаров с чётким акцентом на ключевую информацию— название, назначение, фото, характеристики, упаковка и объём, артикул

Продумала сценарии взаимодействия для разных типов пользователей:

Без регистрации можно просматривать ассортимент и собирать корзину. Доступное ЦД без регистрации — запросить стоимость

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

UI-решения

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

01/

Цветовая гамма и общий стиль были подобраны с опорой на референсы, предоставленные заказчиком, — это обеспечило соответствие ожиданиям клиента

02/

Использовала цветовую палитру и лаконичную типографику, которая подчёркивает надёжность бренда

03/

Акцент на фотографии и карточки товаров: крупные изображения помогают быстрее оценить продукт и повысить доверие к качеству

04/

Интерфейс адаптирован под мобильные устройства— сайт удобен для менеджеров и владельцев СТО, которые часто работают с телефона

05/

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

06/

Результат

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

Оптовые клиенты отмечают удобство: корзина и система отображения цен сделали процесс заказов прозрачным и понятным

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

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

перейти на сайт

выводы

В очередной раз убедилась, что чёткая логика и продуманная под разные сценарии навигация — основа успешного UX в b2b-сегменте. Такой подход делает сайт не только удобным для клиентов, но и повышает ценность бизнеса в глазах партнёров

Проект показал, насколько важно переводить привычные офлайн-процессы в удобный онлайн-формат. Для b2b-аудитории критично, чтобы сайт был не просто «визиткой», а рабочим инструментом: с понятной структурой, наглядным ценообразованием и удобным оформлением заказа

авангард логистика

Редизайн корпоративного сайта транспортной компании: интегрировала обновленный фирменный стиль, адаптировала сайт под новую ЦА, улучшила юзабилити

zhuk avto

Дизайн сайта-каталога: разработала структуру с удобной навигацией, поиском по параметрам и информативными карточками авто

tizzo

UX/UI-дизайн интернет-магазина
с фокусом на эстетику и удобство: разработала структуру и интерфейс, усиливающие доверие к бренду

BIOCOURSE

Разработала под ключ лендинг для репетитора по биологии: от идеи до запуска

Заказать сайтмария самойло