«ДонТеплоРост» — оптовая компания, поставляющая сложное отопительное оборудование (радиаторы, конвекторы, котлы) для торговых и строительных организаций
Моя роль: Product Designer (Full-stack: от аналитики до no-code сборки) Инструменты: Figma, Tilda (Zero Block), Яндекс Метрика Платформа: Web (Desktop + Mobile) Сроки проекта: 4 недели
Проблема
До старта проекта у бизнеса не было удобного цифрового инструмента для демонстрации ассортимента. Клиентам приходилось запрашивать информацию по телефону, а менеджерам — тратить время на ручную отправку прайсов и сертификатов
Бизнес-задача
Создать масштабируемый B2B-каталог, который будет работать как инструмент лидогенерации (сбор заявок на оптовые прайсы) и разгрузит отдел продаж
Им не нужны эмоции или долгий выбор. Им нужны сухие технические характеристики (габариты, мощность, давление), сертификаты качества и быстрый доступ к оптовым ценам
Сценарий использования
Часто заходят на сайт со смартфона прямо со строительного объекта или в дороге
Продуктовые решения и UX-логика
Решение 1: Отказ от классической корзины в пользу B2B-воронки
Поскольку в оптовых продажах цены зависят от объема партии, я отказалась от стандартной e-commerce корзины. Вместо этого главным целевым действием (СTA) стала форма «Получить прайс». Это сократило путь пользователя и увеличило конверсию в квалифицированный лид для менеджеров
Решение 2: Информационная архитектура (IA) каталога
Сложное оборудование было разбито на четкие категории (биметаллические, алюминиевые, внутрипольные конвекторы). Я спроектировала навигацию так, чтобы закупщик мог найти нужный тип радиатора в 2 клика с главной страницы
Решение 3: Фокус на доверии (Документация)
Для B2B-сегмента критически важно наличие официальных документов. Я вынесла блок с сертификатами дилера (Сунержа, КЗТО, Очаг) в отдельный, легкодоступный раздел, чтобы закрыть возражения клиентов о подлинности товара
UI-дизайн и визуальная система
Стиль
Строгий, технический минимализм. Никаких лишних декоративных элементов, отвлекающих от характеристик товара
Типографика и сетка
Использована четкая иерархия заголовков и плотная сетка для таблиц с характеристиками, чтобы большие массивы данных легко считывались
Мобильная адаптация
Полностью переработанное меню-бургер и адаптированные карточки товаров для удобного тапа пальцем на ходу