- Заказчик
- HRScanner — сервис для подбора и тестирования персонала. Помогает предпринимателям и HR-менеджерам за 4 минуты оценить компетенции кандидата и измерить вовлеченность текущих сотрудников.
- Задача
- Провести полный редизайн. Старый интерфейс путал пользователей нелогичной навигацией и перегруженными таблицами. Требовалось упростить сценарии и визуализировать сложные отчеты.
Современный функционал в старом интерфейсе
HR Scanner — инструмент, использующий нейросети для оценки персонала. Но у сервиса была проблема: визуал он застрял в 90-х годах. Современные технологии были спрятаны за архаичным и неудобным интерфейсом.
Мы провели UX-аудит и выявили ошибки, которые совершают использование неудобным образом:
Сломанная логика. Форма «Отредактировать тест» постоянно работала в качестве фильтра таблиц кандидатов. Пользователь ввел адрес электронной почты, чтобы отправить задание, а система вместо этого фильтровала общий список.
«Слепой» интерфейс. Ключевое целевое действие — отправка теста пряталась за маленькой иконкой «плюсик» внутри маленькой таблицы. Чтобы написать ее, буквально «целиться» мышкой.
Нечитаемые тесты. Названия тестов были неочевидными. Чтобы понять, где IQ-тест, а где тест на понятность, наведите курсор и дождитесь подсказки.
Отчеты-полотна. Результаты выдавались в двух колонках сплошного текста. Читать и анализировать такую ??информацию быстро было невозможно.
Наша задача: сделать сервис современным, понятным и сократить время оценки кандидата.
Дашборд вместо таблицы
Мы полностью пересобрали структуру главного экрана.
- Разделение функций. Мы разнесли фильтрацию и рабочие операции. Теперь отправка теста — это понятный сценарий, а поиск базы стал включать в себя.
- Визуальное кодирование. Разработали систему цветных иконок. Теперь в таблице с первого взгляда понятно, какой тип тестового кандидата без необходимости наводить провод и читать подсказки.
- Акценты. Важные кнопки сделали большими и прогрессивными. Больше не нужно «целиться» в интерфейсе.
Карточка кандидата
Предыдущая информация о кандидате была разбросана. Мы все в одном окне: контакты, результаты тестов, статус.
Внедрили цветную маркировку статусов (зеленый/желтый/красный). HR-менеджер мгновенно читает вердикт: подходит соискатель или нет. Сюда же добавлены длинные ссылки на профиль Headhunter.
Заменить «стены текста» на инфографику
Главная проблема старая версия — чтение отчетов. «Стена текста» в двух колонках записала менеджеров на несколько минут на вчитывание.
Решение:
Мы перевели данные в график.
- Заменили текстовые описания на наглядные диаграммы и шкалы.
- Выделили ключевые метрики (ФИО, возраст, основные компетенции).
- Добавьте удобный экспорт: скачивание или скачивание PDF в один клик.
Теперь вместо чтения абзацев менеджер просто работает на графике и видит перекосы в компетенциях.
Мобильная версия
Старая табличная верстка сделала работу со смартфоном невозможной. Мы адаптировали интерфейс под реалии современного рекрутера, который часто работает «на бегу».
- Убрали лишний визуальный шум.
- Оставили крупные блоки текста и кнопки.
- Сохранили функции фильтров и приложений.
Внедрение AI-подсказок
Сервис использует нейросеть для анализа данных. Мы оформили подсказки от ИИ в виде ярких, но ненавязчивых пуш-уведомлений. Они помогают интерпретировать результаты тестов, не перекрывая основной контент.
Результат
Мы трансформировали сложные объекты данных в современный продукт.
Для пользователей: оценка кандидата теперь занимает всего 4 минуты — инфографика считывается мгновенно.
Для бизнеса: создаем гибкую дизайн-систему. Теперь заказчик может внедрить новые функции гораздо быстрее и дешевле.
Отзыв клиента:
«За полгода 80% пользователей перешли на новый дизайн. Появилась возможность быстро и качественно внедрять новые фичи на базе новых интерфейсов».
