МаслайтДокументация

Начало работы

Вход в систему, устройство экрана, боковое меню и быстрые инструменты — прочитайте первым.

Зачем этот раздел

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

Кто работает с порталом

Портал рассчитан на три группы пользователей:

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

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


Вход в систему

Откройте страницу авторизации (/login).

  1. Введите Email и Пароль.
  2. Нажмите Войти.

Если вы забыли пароль — нажмите ссылку Забыли пароль? под формой входа. На указанный email придёт письмо с инструкцией по восстановлению.

После успешного входа вы будете перенаправлены на свою стартовую страницу, которая зависит от роли:

РольСтартовая страница
СуперадминСуперадмин — Платформа
Продуктовый экспертОбучение и поддержка
ТовароведКаталог и склад
Менеджер по продажамCRM и клиенты
Сотрудник компанииЗаказы
Администратор компанииАдминистрирование
ФинансистФинансы
ЛогистЛогистика
РуководительCRM и клиенты

Скриншот страницы входа добавим после включения тестового окружения.


Структура экрана

После входа вы попадаете в основной интерфейс. Он состоит из трёх зон:

Боковое меню (Sidebar)

Слева расположено вертикальное меню с разделами. Меню сгруппировано по доменам:

  • CRM и клиенты — работа с клиентами, сделками, контактами
  • Заказы — реестр заказов, коммерческие предложения, шаблоны
  • Дилерский канал — работа с дилерами (для сотрудников производителя)
  • Каталог и склад — товары, прайс-листы, остатки
  • Логистика — отгрузки, автопарк, возвраты
  • Финансы — счета, платежи, бухгалтерия
  • Маркетинг — акции, лояльность, материалы
  • Сообщество и контент — лента, события, публикации
  • Обучение и поддержка — базы знаний, курсы, тикеты
  • Администрирование — пользователи, интеграции, настройки

Вы видите только те разделы, к которым у вашей роли есть доступ. Разделы с пиктограммой замка недоступны в текущем тарифе.

На мобильных устройствах меню скрыто и открывается кнопкой-гамбургером в шапке.

Шапка (Header)

В верхней строке расположены:

  • Иконка меню (слева) — открывает/закрывает боковое меню на мобильных
  • Название раздела — текущий раздел
  • Быстрые виджеты (центр/справа):
    • Почта — переход к почтовому клиенту
    • Календарь — личный и командный календарь
    • Задачи — список задач
    • Видео — видеоконференции
  • Переключатель темы — иконка солнца/луны для переключения между светлой и тёмной темой
  • Аватар пользователя — переход к профилю и выходу из системы

Рабочая область

Центральная часть экрана. Здесь отображается содержимое текущего раздела.


Тёмная и светлая тема

Портал поддерживает тёмную и светлую цветовую схему. Переключить тему можно в любой момент:

  1. Нажмите иконку солнца (светлая тема) или луны (тёмная тема) в правой части шапки.
  2. Тема сохраняется автоматически и запоминается при следующих визитах.

Помимо светлой и тёмной темы, суперадмин может настроить цветовые пресеты для всей платформы (раздел «Суперадмин → Тема оформления»).


Peek-drawer — быстрый просмотр карточек

Это ключевая UX-особенность портала. Когда вы кликаете по строке сделки, клиента, компании, заказа, счёта, коммерческого предложения или контакта — справа выдвигается боковая панель с подробной карточкой. Это называется peek-drawer.

Благодаря peek-drawer вы можете:

  • Просмотреть детали записи, не покидая текущий список
  • Просмотреть вложенные связи (например, из письма — карточку клиента)
  • Открыть стек из нескольких карточек (до 3 уровней вглубь)

Если вам нужно открыть запись на полном экране — нажмите иконку стрелки-диагонали (⤡) в шапке панели. Откроется новая вкладка, peek-drawer при этом не закроется.


Быстрый поиск и навигация

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


Профиль пользователя

Нажмите на аватар в правом верхнем углу, чтобы открыть меню профиля:

  • Мой профиль — личные данные, фото, контакты
  • Уведомления — настройка каналов уведомлений (push, email, SMS)
  • Выйти — завершение сеанса

Уведомления

Портал отправляет уведомления по нескольким каналам:

  • Внутренние — всплывающие сообщения прямо в интерфейсе (Toast-уведомления)
  • Email — письма при ключевых событиях (новый заказ, изменение статуса)
  • Push — браузерные push-уведомления (требуется разрешение браузера)

Настроить, какие события вам нужны и по каким каналам, можно в «Администрирование → Настройки → Уведомления».


Мобильная версия

Портал адаптирован для мобильных устройств. На экранах меньше 768px:

  • Боковое меню скрыто, открывается кнопкой
  • Таблицы заменяются карточками
  • Модальные окна раскрываются на весь экран
  • Кнопки и поля укрупнены для удобного нажатия

Связанные разделы


Скриншоты

Главный экран — дашборд после входа

Профиль пользователя

On this page