Trudhub —HR recruitment and candidate management
Централизованная B2B HR-платформа, созданная для оптимизации процессов найма, управления вакансиями и коммуникации с кандидатами — от первого контакта до окончательного предложения.
Задача
HR-команды, занимающиеся массовым наймом, не имели единого цифрового рабочего пространства. Рекрутеры использовали таблицы, внешние мессенджеры и разрозненные ATS-инструменты — что создавало сложности на каждом этапе процесса.
Подход
Разработана экосистема охватывающая полный цикл рекрутинга: выбор плана, отслеживание кандидатов, поиск талантов, прямые сообщения и мониторинг эффективности вакансий.
Результат
Единое рабочее пространство,
созданное для ясности рекрутера.
созданное для ясности рекрутера.
Trudhub объединяет все этапы процесса найма в единый опыт — снижая переключение между инструментами, ускоряя отклики кандидатов и обеспечивая HR-руководителей полной видимостью состояния воронки.
Платформа
Веб-приложение (B2B SaaS)
Роль
UX/UI дизайнер — полный цикл
Длительность
12 недель (исследование → передача)
Инструменты
Figma, FigJam, Maze, Notion
Панель управления вакансиями
Мои вакансии (Управление вакансиями): Дашборд со списком всех созданных компанией вакансий и метриками по ним.
Проблема
Рекрутеру сложно контролировать статус публикаций (активна, архив) и количество входящих откликов по каждой позиции.
Решения в дизайне
01
Вывела счетчики откликов и просмотров отдельными столбцами в таблице, чтобы сразу видеть эффективные вакансии.
02
Добавила статусы-теги («Активна», «Пауза», «Черновик») для быстрой оценки состояния публикаций.
03
Поставила кнопку «Создать вакансию» в правый верхний угол как главное целевое действие страницы.
Создание вакансии (Шаг 1: Информация)
Форма ввода базовых данных о вакансии: категория, название, описание и ключевые требования к кандидату.
Проблема
Создание вакансии — длинный процесс, и заполнение большой сложной формы в один заход перегружает и утомляет рекрутера.
Решения в дизайне
01
Разбила процесс на 4 пошаговых этапа (Stepper) вверху экрана, чтобы пользователь четко видел свой прогресс и не пугался объема работы.
02
Использовала теги-чипсы для выбора категорий, языков и навыков, чтобы рекрутеру не приходилось вбивать всё вручную.
03
Добавила встроенный текстовый редактор с подсказками в полях ("Например: Senior UX/UI Designer"), чтобы ускорить заполнение и избежать ошибок.
Создание вакансии (Шаг 2: Условия)
Второй этап настройки вакансии: выбор формата работы, занятости, локации и параметров заработной платы.
Проблема
Заполнение финансовых условий и параметров работы часто путает рекрутера из-за разнообразия вариантов (оклад, вилка, удаленка, валюта).
Решения в дизайне
01
Использовала интерактивные кнопки-переключатели для формата работы и типа оплаты, чтобы нужный параметр выбирался в один клик без выпадающих списков.
02
Настроила динамический ввод зарплаты: в зависимости от выбранного типа («Оклад» или «Вилка») меняются только нужные поля, убирая лишнее с экрана.
03
Вынесла главное целевое действие «Опубликовать вакансию» в яркую синюю кнопку в правом нижнем углу — по привычной ментальной модели завершения сценария.
Создание вакансии (Шаг 3: Проверка данных)
Предпросмотр всей заполненной информации перед окончательной публикацией вакансии.
Проблема
Пользователи боятся допустить опечатку или ошибку в условиях при публикации, из-за чего приходится возвращаться назад и заново всё перепроверять.
Решения в дизайне
01
Сгруппировала всю заполненную информацию в единый сводный документ с четкими блоками, чтобы всю вакансию можно было быстро проверить одним взглядом.
02
Добавила синюю кнопку «Назад» внизу экрана, чтобы пользователь мог легко вернуться на предыдущие шаги и исправить данные без потери введенных полей.
03
Вынесла главное целевое действие «Опубликовать вакансию» в яркую синюю кнопку в правом нижнем углу — по привычной ментальной модели завершения сценария.
Создание вакансии (Шаг 4: Выбор тарифного плана)
Экран выбора тарифа размещаемой вакансии и условий монетизации.
Проблема
Работодателю сложно сходу понять различия в тарифных планах и выбрать нужный вариант размещения.
Решения в дизайне
01
Оформила тарифы в виде наглядных карточек-колонок с галочками включенных опций для быстрого сравнения параметров.
02
Визуально выделила средний тариф («Популярный») более ярко, чтобы направить пользователя к оптимальному бизнес-решению.
03
Добавила Бесплатный тариф чтоб пользователь мог сравнить преимущества платной подписки
База кандидатов / Отклики
аблица кандидатов с их текущими статусами и деталями.
Проблема
Рекрутеру трудно отслеживать прогресс по большому количеству откликов и быстро находить релевантных специалистов.
Решения в дизайне
01
Использовала цветные плашки-теги для статусов («Новый», «На рассмотрении», «Приглашен»), чтобы воронка найма считывалась за секунду.
02
Добавила быстрые кнопки действий прямо в строке таблицы («Чат», «Резюме»), чтобы связываться с соискателем в один клик.
03
Поставила фильтры над таблицей, позволяющие отсортировать отклики по статусу или конкретной вакансии.
База талантов / Рекомендации
Каталог проверенных специалистов с их навыками и профилями.
Проблема
Поиск кандидатов «вслепую» занимает много времени, если нет прямого фильтра по ключевым навыкам и ролям.
Решения в дизайне
01
Спроектировала чистую табличную верстку с фокусом на имя, роль, опыт и навыки кандидата.
02
Добавила быстрый поиск по тегам и ролям над таблицей, чтобы собирать выборку специалистов под конкретные требования.
03
Вынесла иконку прямого перехода в чат в правую колонку, сократив путь до первого контакта с потенциальным кандидатом.
Встроенный чат (Мессенджер)
Интерфейс коммуникации между рекрутером и кандидатом прямо внутри платформы.
Проблема
Переписка в сторонних мессенджерах (Telegram, WhatsApp) приводит к потере истории общения и файлов кандидатов.
Решения в дизайне
01
Сделала двухоконную структуру (список диалогов слева, чат справа) по привычным стандартам веб-мессенджеров.
02
Вынесла шапку профиля кандидата с краткой информацией в верхнюю панель чата, чтобы контекст общения всегда был перед глазами.
03
Добавила быстрый статус собеседования и возможность прикреплять файлы прямо в окне ввода сообщений.
