Информационная архитектура
Структура портала, навигация, фильтры, иерархия разделов. Пользователь находит нужное за 1–2 клика, а не за 15.
B2B · Портал
Проектирование интерфейсов для B2B портала
Портал — это инструмент, которым пользуются каждый день. Если менеджер находит заказ за 15 кликов, а бухгалтер не видит счета — это не «неудобно», это потерянные часы и деньги. Проектирую архитектуру, сценарии и дизайн под реальные роли и интеграции с 1С.
Ролевая модель
Админ, менеджер, оптовый клиент, бухгалтер — каждый видит своё. Развожу сценарии до того, как рисовать первый экран.
Дашборды и аналитика
Ключевые метрики на одном экране: продажи, остатки, дебиторка. Руководитель видит бизнес целиком без сборки отчётов.
Интеграции с 1С и CRM
Интерфейс проектируется так, чтобы корректно работать с 1С, ERP и CRM. Цены, остатки, документы сходятся с реальностью.
02 / Value
Что вы получаете
Что вы получаете
в цифрах.
B2B-портал — это инфраструктура, которой пользуются ежедневно. Хорошее проектирование экономит часы работы команды и снижает количество ошибок.
Времени на типовые операции
Когда поиск заказа, выгрузка документов и повторный заказ — в один клик, а не через пять разделов.
Быстрее адаптация сотрудников
Новый менеджер разбирается в портале за пару дней, а не за две недели — интерфейс логичен и предсказуем.
Ошибок при вводе данных
Понятные формы, валидация, автозаполнение — меньше опечаток в заказах, реквизитах и документах.
Лояльность оптовых клиентов
Клиент, который сам управляет заказами и документами без звонка менеджеру, остаётся с вами дольше.
Показатели — обезличенные данные по завершённым проектам под NDA. Конкретный результат зависит от исходных данных и задач бизнеса.
03 / Deliverables
Что входит
Что входит
в решение.
Полный цикл проектирования B2B-портала — от исследования ролей и сценариев до макетов, готовых к передаче в разработку.
UX-исследование
Роли, сценарии, интеграции, ограничения системы. Понимаю, зачем люди открывают портал каждый день — и что они должны решать за секунды.
CJM и карты путей
Разбираю типовые сценарии: заказ, согласование, выгрузка документов, повторная покупка. Проектирую под реальный рабочий ритм.
Информационная архитектура
Структура разделов, навигация, приоритеты, разграничение по ролям. Что на первом экране, что уходит в меню, что скрыто под роль.
Прототип ключевых сценариев
Кликабельный прототип в Figma — до дизайна можно пройти путь менеджера, клиента и руководителя и увидеть логику.
UI-дизайн и дизайн-система
Визуальный язык, компоненты, состояния, таблицы, формы, графики. UI Kit, чтобы новые экраны собирались из готовых блоков.
Handoff разработчикам
Спецификация, сетки, состояния компонентов, экспорт ресурсов. Готов созвониться с командой и ответить на вопросы по реализации.
04 / Architecture
Архитектура
Архитектура
до дизайна.
В B2B-портале цена ошибки в структуре выше, чем в лендинге. Пользователь приходит работать каждый день. Пока роли и сценарии не согласованы — в дизайн не идём.
Что даёт согласованная архитектура
-
Роли разведены до дизайна. Видно, что видит клиент, менеджер и бухгалтер — и не путаются ли они между собой.
-
Сценарии проверены на прототипе. Реальные менеджеры и клиенты проходят путь и дают фидбек до того, как мы рисуем экраны.
-
Меньше правок в дизайне. Спорные моменты — навигация, приоритеты, названия — обсуждаем на прототипе, а не на готовых макетах.
-
Понятно, что интегрировать. До дизайна видно, какие данные нужны из 1С, CRM или ERP — и в каком виде их показывать.
Пример из практики: портал для оптового дистрибьютора с четырьмя ролями. В старом решении все видели одно и то же — менеджеры путались в чужих заказах, бухгалтеры не находили счета, клиенты звонили по статусам. Пересобрали архитектуру: у каждой роли свой дашборд и сценарии. Обращений в поддержку стало меньше вдвое.
05 / How I work
От ролей
От ролей
до передачи.
Прозрачный процесс проектирования B2B-портала с понятными этапами и 2 кругами правок на каждом шаге.
01
Исследование
Роли, сценарии, интеграции, ограничения системы. Понимаю, что сотрудники должны решать в портале каждый день.
02
Структура и прототип
Архитектура, навигация, ролевая модель, кликабельный прототип в Figma. Согласовываем до перехода в дизайн.
03
UI и дизайн-система
Визуальный язык, компоненты, состояния, таблицы, формы, дашборды. Адаптив под десктоп, планшет и мобильный.
04
Передача и поддержка
Спецификация, UI Kit, созвоны с командой разработки. Не пропадаю после сдачи макетов.
06 / Cases
Результаты
Результаты
в цифрах.
Обезличенные кейсы по проектированию B2B-порталов. Названия компаний под NDA, логика задачи и результат — реальные.
Оптовый дистрибьютор
−0
%
времени на оформление заказа
Задача: клиенты звонили менеджерам, потому что не находили функции в старом портале. Решение: пересобрали навигацию, вынесли повтор заказа и историю на первый экран. Результат: доля самостоятельных заказов выросла, нагрузка на менеджеров упала.
Производственная компания
×0
скорость адаптации новых менеджеров
Задача: новые сотрудники разбирались в портале по 2–3 недели. Решение: развели роли, упростили дашборды, добавили подсказки в ключевых точках. Результат: время адаптации сократилось вдвое, снизилась нагрузка на наставников.
B2B-платформа
+0
%
лояльность оптовых клиентов
Задача: клиенты жаловались, что не могут сами скачать счета и накладные. Решение: добавили документооборот в кабинет с фильтрами и массовой выгрузкой. Результат: обращений в поддержку стало меньше, клиенты остаются дольше.
07 / Self-service
Что подготовить
Что подготовить
для старта.
Минимум, чтобы начать работу над проектированием портала. Если чего-то нет — разберёмся вместе на этапе исследования.
Роли пользователей
Кто будет работать в портале: клиенты, менеджеры, поставщики, бухгалтеры, руководство. Что каждому важно видеть и делать.
Ключевые сценарии
Что пользователи должны сделать в первую очередь: заказ, документы, повторные покупки, согласования.
Интеграции
С чем должен стыковаться портал: 1С, ERP, CRM, платежи, логистика. Понимание интеграций определяет структуру.
Материалы, если есть
Текущий портал, скриншоты, примеры документов, брендинг. Не критично, но ускорит старт.
Часто бывает
- Портал есть, но все роли видят одно и то же — разведём роли на этапе исследования
- Сценарии живут в голове у менеджеров — соберём карту вместе на созвоне с ключевыми пользователями
- Интеграция с 1С есть, но данные не сходятся — начнём с аудита текущей логики
Нет готового ТЗ? Это нормально. Пришлите доступ к текущему порталу или опишите роли и сценарии словами — структуру соберём вместе. У большинства клиентов понятная архитектура складывается уже в процессе.
Обсудить проект
08 / FAQ
Частые вопросы
Частые вопросы
про B2B портал.
Стоимость, сроки, роли, интеграции и что делать после сдачи макетов.
Что входит в проектирование интерфейсов B2B портала?
UX-исследование (анализ задач пользователей, CJM, информационная архитектура), прототипирование ключевых сценариев, дизайн интерфейса в Figma, адаптив под десктоп и мобильные устройства, подготовка макетов для разработчиков.
Сколько стоит спроектировать B2B портал?
Цена зависит от сложности логики и количества ролей. Проектирование MVP портала (до 15 экранов) — от 70 000 ₽, полноценный портал с аналитикой и ролевой моделью — от 150 000 ₽. Точную стоимость обсуждаем после брифа.
Как долго длится проектирование?
UX-аналитика и прототип — от 5–7 дней. Полный дизайн портала (20–30 экранов) — от 3 до 5 недель в зависимости от сложности сценариев.
Вы проектируете порталы с нуля или делаете редизайн?
Работаю и с новыми проектами, и с редизайном существующих порталов. Провожу UX-аудит текущего решения, выявляю барьеры и предлагаю улучшенную архитектуру и дизайн.
Что такое ролевая модель в B2B портале?
Это разграничение доступа и сценариев для разных типов пользователей: администратор, менеджер, оптовый клиент, бухгалтер и другие. Проектирую отдельные интерфейсы для каждой роли, чтобы не перегружать пользователя лишней информацией.
Передаёте ли вы исходники Figma и гайды для разработчиков?
Да, после оплаты передаю полностью редактируемый файл Figma, а также подготавливаю спецификацию: компоненты, сетки, состояния элементов, шрифты, отступы, экспорт ресурсов.
Как вы учитываете интеграции с 1С и CRM?
На этапе проектирования изучаю бизнес-процессы и формирую структуру данных так, чтобы интерфейс легко стыковался с внешними системами. В макетах сразу предусматриваю поля и действия (выгрузка, синхронизация).
Работаете ли вы с готовым ТЗ или нужен полный цикл?
Могу работать по-разному: полный цикл от исследования ролей и сценариев до макетов, либо точечная доработка существующего портала — аудит, редизайн отдельных сценариев, расширение функционала.
Что нужно подготовить для старта?
Описание продукта и ролей пользователей, ключевые сценарии, данные по интеграциям (1С, CRM, ERP). Если чего-то нет — разберёмся вместе на этапе исследования.
09 / Related
Что заказывают
Что заказывают
вместе.
Дизайн, который часто идёт в связке с проектированием портала. Можно взять как отдельные услуги или комбинировать.
UI/UX Design
UI/UX дизайн интерфейсов
Сложные интерфейсы порталов, дашбордов и систем.
UI/UX дизайн интерфейсов
UI/UX Audit
Аудит портала
Анализ текущего интерфейса с планом улучшений по UX.
UI/UX аудит портала
Mobile Apps
Мобильные приложения
Мобильная версия портала для менеджеров и клиентов.
Дизайн мобильных приложений
No-code
Разработка без кода
Быстрый запуск MVP портала на no-code инструментах.
No-code разработка
10 / Why me
Почему выбирают
Почему выбирают
меня.
Не потому что «качественно и в срок» — это есть у всех. А потому что с первого созвона понятно: я разбираюсь в ролях, сценариях и интеграциях, а не «рисую экраны».
Типичный исполнитель
- Рисует экраны по присланному ТЗ
- Не разбирается в ролях и доступах
- Одинаковый портал для всех
- Сдал макеты — пропал
- Ведёт 5 проектов одновременно
Продуктовый UX/UI дизайнер
- Разбираюсь в ролях и сценариях до первого экрана
- Проектирую порталы под клиента, менеджера и директора
- Прототип до разработки — логика кликается
- Учитываю интеграции с 1С, ERP и CRM
- Веду 2–3 проекта за раз, не больше
Let's talk
Нужен дизайн
Нужен дизайн
B2B-портала?
Разберёмся в ролях, сценариях и интеграциях — и соберём портал, которым будут пользоваться каждый день, а не только на демо.
11 / Related queries
Другие направления
Другие направления
B2B-дизайна.
Часто ищут в B2B — соседние услуги и направления. Переходите, чтобы посмотреть детали и примеры.
дизайн презентации для тендера b2b
питч-дек для инвесторов b2b
дизайн личного кабинета b2b
ui ux дизайн сайта b2b
креативы для рекламы b2b
оформление соцсетей компании
no-code дизайн на Tilda
обновление дизайна сайта
дизайн интернет-магазина b2b
корпоративный сайт дизайн
лендинг для B2B
редизайн интерфейса
дизайн мобильного приложения
ui ux аудит b2b сайта
Профессиональное проектирование интерфейсов для B2B порталов
B2B портал — это сложная система с десятками ролей, сценариев и бизнес-процессов. От качества проектирования интерфейсов зависит, насколько быстро менеджеры обрабатывают заказы, клиенты отслеживают отгрузки, а аналитики строят отчёты. Я проектирую B2B порталы, которые решают реальные бизнес-задачи: сокращают время на операции, снижают количество ошибок и повышают лояльность пользователей. В основе — глубинный UX-анализ, построение CJM и прототипирование всех ключевых сценариев.
Мой подход начинается с исследования: изучаю целевую аудиторию (ЛПР, менеджеры, бухгалтеры, логисты), их рабочие инструменты и болевые точки. Затем проектирую информационную архитектуру портала: навигацию, систему фильтрации, структуру личных кабинетов. После этого создаю интерактивный прототип в Figma, тестирую гипотезы на реальных задачах, финализирую дизайн.
В результате вы получаете pixel-perfect макеты с чёткими гайдами для разработчиков: компоненты, сетки, состояния элементов, адаптив под десктоп и мобильные устройства. Отдельно прорабатываю интеграции с 1С, ERP и CRM — чтобы данные в портале сходились с реальностью.
Планируете запуск B2B портала или модернизацию текущего? Давайте разберём ваши бизнес-процессы и пользовательские сценарии — переходите на страницу контактов, чтобы обсудить проект.
Информация на странице носит справочный характер
Цены, сроки и объёмы работ, указанные на этой странице, являются ориентировочными и не являются публичной офертой, определяемой положениями статьи 437 Гражданского кодекса РФ. Точные условия по конкретному проекту фиксируются в договоре или счёте после обсуждения задачи. Показатели в блоках результатов — обезличенные данные по завершённым проектам под NDA, конкретный результат зависит от исходных данных и задач бизнеса.