← На главную
Dribbble Behance
B2B

Кабинет
менеджера

B2B SaaS · продуктовый хакатон · 2025

Единое рабочее пространство для заявок, претензий и аналитики строительных проектов.

Планшет с канбан-доской заявок и интерфейсными компонентами
Роль
Продуктовый дизайнер в команде
Команда
4 участника
Срок
3 дня
Результат
Победитель хакатона
3рабочих модуля: заявки, претензии и аналитика
2режима работы с заявками: таблица и канбан
в 10 разуменьшилось время взаимодействия с заявкой
3 дняот брифа до защищённого решения

Собрать разрозненные заявки в управляемый процесс

Заявки приходили через Telegram, WhatsApp, почту и звонки — менеджеры теряли контекст, статусы и время.

Для бизнеса это означало потерянные лиды, непрозрачную обработку и отсутствие данных о причинах отказов. Для клиента — тревожное общение в личных чатах и отсутствие официального сценария претензии.

Решением стал внутренний кабинет с единым реестром, жизненным циклом заявки, связанными претензиями и аналитикой процесса.

01

Собрать

Все обращения и данные клиента в одной рабочей области.

02

Провести

Понятные статусы, действия и ответственные на каждом этапе.

03

Измерить

Динамика, причины отказов и источники лидов для руководителя.

Три дня потребовали выбрать главное, а не проектировать всё

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

Бриф заказчика

Определил бизнес-задачи, роли и обязательные сценарии системы.

02

JTBD по брифу

Помогли связать проблемы процесса с задачами менеджера и ценностью.

03

3 дня на решение

Мы сфокусировались на решении через JTBD, без глубоких исследований и тестов.

B2B-кабинет менеджера в браузере

Jobs to be done

Каждая механика отвечает на конкретную потерю процесса

01

Найти заявку без переключения каналов

Единый реестр, поиск, фильтры и сортировка.

02

Восстановить контекст за несколько секунд

Сайд-панель с данными, документами, звонками и перепиской.

03

Понимать этап и следующее действие

Статусы и два представления одного жизненного цикла.

04

Контролировать спорные ситуации

Претензия как самостоятельный, но связанный объект.

05

Находить узкие места отдела

Аналитика динамики, отказов, источников и регионов.

Архитектура

Три модуля разделяют задачи, сохраняя общий контекст

После входа менеджер работает с одним из трёх экранов: заявки, претензии или аналитика.

01

Работа с заявками

Реестр, канбан, фильтры, сайд-панель, комментарии, документы и смена статуса.

Единый список сокращает поиск

Все источники сходятся в одном реестре с фильтрами и массовыми действиями.

Сайд-панель сохраняет контекст

Детали открываются поверх списка без перехода на отдельную страницу.

Два вида поддерживают две роли

Таблица помогает анализировать объём, канбан — управлять этапами.

User flow работы с заявками
02

Работа с претензиями

Создание, материалы, связь с исходной заявкой и собственный жизненный цикл.

Претензия получает свой цикл

Спорная ситуация остаётся связана с заявкой, но не смешивается с ней.

User flow работы с претензиями
03

Аналитика

Период, регион, динамика заявок, причины отказов и источники лидов.

User flow аналитики

Продуктовые гипотезы

Что требовало проверки после хакатона

01

Менеджеры примут единый реестр

Если все обращения доступны в привычной структуре, кабинет станет основным рабочим инструментом вместо набора каналов.

02

Статусы не замедлят работу

Если менять этап и ответственного можно прямо в заявке, прозрачность процесса не увеличит время обработки.

03

Аналитика заменит ручные отчёты

Если события фиксируются автоматически, руководитель увидит причины потерь без дополнительной отчётности менеджеров.

Ключевое решение

Заявка стала единым объектом работы менеджера

Состояние всех заявок считывается за несколько секунд.

Менеджер видит клиента, проект, регион, дату и статус, быстро меняет представление и открывает детали, не теряя позицию в общем списке.

Канбан заявок с открытой карточкой клиента
Таблица заявок на строительство
Сайд-панель с полной историей заявки
Сайд-панель заявки
Табличное представление заявок
Канбан-доска для заявок

Спорные ситуации

Претензия сохраняет связь с заявкой и получает свой статус

Причина обращения, файлы, фотографии, комментарии и история статусов собраны в отдельном модуле — так конфликт не теряется в переписке и остаётся контролируемым.

Интерфейс списка претензий
Таблица с претензиями на услуги

UI-kit и адаптив

Компоненты ускорили сборку и удержали единый язык интерфейса

UI-kit кабинета менеджера
Кнопки, статусы, меню, поля, фильтры и служебные компоненты

Юзабилити-тесты интерфейса

5менеджеров приняли участие
2:40среднее время создания заявки
100%участников завершили сценарий
Сценарий

Создать новую заявку

Менеджер заполнял данные клиента, выбирал проект и регион, добавлял комментарий и переводил заявку на следующий этап.

  • Без подсказок модератора
  • Средняя сессия — около 12 минут
Результаты

В 10 раз быстрее

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

4,8/5Понятность сценария
4,6/5Удобство формы
4,7/5Скорость работы
5/5Готовность использовать

Победа в продуктовом хакатоне

Кабинет менеджера на ноутбуке
Финальное решение на рабочем устройстве

Единая модель заявки, прозрачные статусы, связанный сценарий претензий, аналитика и компонентная основа для развития продукта. Главный профессиональный вывод — в B2B на первом месте скорость считывания, доступность информации и предсказуемость процесса.

Следующий кейсOrigin — лайф-трекер целей Связаться
Моя волнаLong night