Как превратить главную страницу B2B SaaS-платформы из двух карточек в рабочий инструмент

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

После входа пользователь видел приветственный экран с двумя крупными блоками: создать встречу и пригласить команду. Это помогало сделать первые шаги, но не отвечало на главный вопрос администратора: что сейчас происходит с моим рабочим пространством и что требует внимания?

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

Для B2B-кабинета это критично. Администратор приходит не просто “посмотреть продукт”. Он управляет рабочей средой: подключает людей, следит за доступами, запускает встречи, покупает тарифы, проверяет ограничения. Главная должна помогать ему принимать решения быстрее.

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

В редизайне я собрала главную страницу из виджетов. Каждый виджет отвечает на один из практических вопросов пользователя:

Вместо двух промо-блоков появилась рабочая поверхность с несколькими зонами:

Так главная стала не витриной функций, а местом, где администратор видит текущее состояние своего пространства.

Один из важных блоков - “Быстрые действия”. В B2B-продукте разные роли начинают работу по-разному: один пользователь чаще создает встречи, другой добавляет сотрудников, третий работает с диском или почтой.

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

Так блок решает сразу две задачи: ускоряет повторяющиеся сценарии и мягко показывает ценность неактивных сервисов.

Главная страница должна быть живой. Один и тот же виджет не может одинаково выглядеть для пользователя на пробном и на платном тарифе, без созданных встреч, с активными вебинарами, с заполненным диском или с неподтвержденной почтой, для администратора компании и для приглашенного пользователя.

Я проработала состояния для каждого ключевого блока:

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

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

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

Некоторые блоки на мобильном получают упрощенное поведение. Например, статистика не перегружает экран, а виджеты сохраняют главные действия и статусы. Цель была не перенести все один в один, а сохранить управляемость кабинета в мобильном контексте.

Главная страница перестала быть статичным приветствием. Теперь она работает как центр управления:

Для меня главный результат этого редизайна в том, что страница начала соответствовать реальной сложности продукта. Это не один сценарий, а целая рабочая экосистема. И главная страница теперь помогает эту экосистему не просто увидеть, а управлять ей.