Начало работы
Вход в систему, устройство экрана, боковое меню и быстрые инструменты — прочитайте первым.
Зачем этот раздел
Этот раздел поможет вам разобраться в основах работы с B2B-порталом: как войти в систему, как ориентироваться в интерфейсе, использовать боковое меню и быстрые инструменты. Прочитайте его первым — он даст общее понимание, которое потребуется в любом другом разделе.
Кто работает с порталом
Портал рассчитан на три группы пользователей:
- Сотрудники производителя — продуктовые эксперты, товароведы, менеджеры по продажам, финансисты, логисты, руководители.
- Сотрудники компаний-покупателей — дилеры и корпоративные клиенты. Среди них могут быть обычные сотрудники и администраторы компании (расширенный доступ).
- Суперадмин — владелец платформы, один человек. Видит и управляет всем.
Каждая роль видит только свои разделы меню и функции.
Вход в систему
Откройте страницу авторизации (/login).
- Введите Email и Пароль.
- Нажмите Войти.
Если вы забыли пароль — нажмите ссылку Забыли пароль? под формой входа. На указанный email придёт письмо с инструкцией по восстановлению.
После успешного входа вы будете перенаправлены на свою стартовую страницу, которая зависит от роли:
| Роль | Стартовая страница |
|---|---|
| Суперадмин | Суперадмин — Платформа |
| Продуктовый эксперт | Обучение и поддержка |
| Товаровед | Каталог и склад |
| Менеджер по продажам | CRM и клиенты |
| Сотрудник компании | Заказы |
| Администратор компании | Администрирование |
| Финансист | Финансы |
| Логист | Логистика |
| Руководитель | CRM и клиенты |
Скриншот страницы входа добавим после включения тестового окружения.
Структура экрана
После входа вы попадаете в основной интерфейс. Он состоит из трёх зон:
Боковое меню (Sidebar)
Слева расположено вертикальное меню с разделами. Меню сгруппировано по доменам:
- CRM и клиенты — работа с клиентами, сделками, контактами
- Заказы — реестр заказов, коммерческие предложения, шаблоны
- Дилерский канал — работа с дилерами (для сотрудников производителя)
- Каталог и склад — товары, прайс-листы, остатки
- Логистика — отгрузки, автопарк, возвраты
- Финансы — счета, платежи, бухгалтерия
- Маркетинг — акции, лояльность, материалы
- Сообщество и контент — лента, события, публикации
- Обучение и поддержка — базы знаний, курсы, тикеты
- Администрирование — пользователи, интеграции, настройки
Вы видите только те разделы, к которым у вашей роли есть доступ. Разделы с пиктограммой замка недоступны в текущем тарифе.
На мобильных устройствах меню скрыто и открывается кнопкой-гамбургером в шапке.
Шапка (Header)
В верхней строке расположены:
- Иконка меню (слева) — открывает/закрывает боковое меню на мобильных
- Название раздела — текущий раздел
- Быстрые виджеты (центр/справа):
- Почта — переход к почтовому клиенту
- Календарь — личный и командный календарь
- Задачи — список задач
- Видео — видеоконференции
- Переключатель темы — иконка солнца/луны для переключения между светлой и тёмной темой
- Аватар пользователя — переход к профилю и выходу из системы
Рабочая область
Центральная часть экрана. Здесь отображается содержимое текущего раздела.
Тёмная и светлая тема
Портал поддерживает тёмную и светлую цветовую схему. Переключить тему можно в любой момент:
- Нажмите иконку солнца (светлая тема) или луны (тёмная тема) в правой части шапки.
- Тема сохраняется автоматически и запоминается при следующих визитах.
Помимо светлой и тёмной темы, суперадмин может настроить цветовые пресеты для всей платформы (раздел «Суперадмин → Тема оформления»).
Peek-drawer — быстрый просмотр карточек
Это ключевая UX-особенность портала. Когда вы кликаете по строке сделки, клиента, компании, заказа, счёта, коммерческого предложения или контакта — справа выдвигается боковая панель с подробной карточкой. Это называется peek-drawer.
Благодаря peek-drawer вы можете:
- Просмотреть детали записи, не покидая текущий список
- Просмотреть вложенные связи (например, из письма — карточку клиента)
- Открыть стек из нескольких карточек (до 3 уровней вглубь)
Если вам нужно открыть запись на полном экране — нажмите иконку стрелки-диагонали (⤡) в шапке панели. Откроется новая вкладка, peek-drawer при этом не закроется.
Быстрый поиск и навигация
В шапке портала есть глобальный поиск. Введите название компании, номер заказа, имя клиента или артикул товара — поиск найдёт нужную запись сразу в нескольких разделах.
Профиль пользователя
Нажмите на аватар в правом верхнем углу, чтобы открыть меню профиля:
- Мой профиль — личные данные, фото, контакты
- Уведомления — настройка каналов уведомлений (push, email, SMS)
- Выйти — завершение сеанса
Уведомления
Портал отправляет уведомления по нескольким каналам:
- Внутренние — всплывающие сообщения прямо в интерфейсе (Toast-уведомления)
- Email — письма при ключевых событиях (новый заказ, изменение статуса)
- Push — браузерные push-уведомления (требуется разрешение браузера)
Настроить, какие события вам нужны и по каким каналам, можно в «Администрирование → Настройки → Уведомления».
Мобильная версия
Портал адаптирован для мобильных устройств. На экранах меньше 768px:
- Боковое меню скрыто, открывается кнопкой
- Таблицы заменяются карточками
- Модальные окна раскрываются на весь экран
- Кнопки и поля укрупнены для удобного нажатия
Связанные разделы
Скриншоты


