B2B-сервис для компании КНМ

UX-проектирование, UI/UX-дизайн

Клиент и контекст

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

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

Задача

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

Решение

Мы начали с аналитики: провели бенчмаркинг B2B-сервисов, интервью с менеджерами и руководством КНМ, сформулировали бизнес-требования. Затем описали ключевые сценарии — от регистрации до работы со счетами и логистикой — и адаптировали их под простой, интуитивно понятный интерфейс. Сложные действия были переосмыслены и сведены к последовательным шагам. Далее реализовали адаптивный дизайн и собрали масштабируемый UI-kit.

Личный кабинет контрагента

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

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

Личный кабинет менеджера и руководителя отдела продаж (РОП)

Для сотрудников КНМ разработан расширенный интерфейс, основанный на клиентском кабинете. Он включает аналитику по контрагентам, графики отгрузок и таблицы с материалами и конкурентами.

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

РОП получает аналитику по клиентам, следит за выручкой и действиями менеджеров.

Айдентика

Разработали масштабируемый UI-kit с гибкой системой компонентов и единой визуальной логикой. К базовым чёрному и оранжевому добавили песочные оттенки — они усилили визуальную метафору и подчеркнули связь с деятельностью компании.

Унифицированные элементы ускоряют разработку и обеспечивают вариативность и целостность интерфейса.

Результат

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

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

Развитие аналитики и автоматизация бизнес-процессов усиливают конкурентные преимущества КНМ и выделяют компанию на фоне других игроков отрасли.