AIVIANA
AI-платформа для автоматизации рекрутинга
Статус: В разработке
Продукт автоматизирует рутину HR-специалиста: ИИ проводит первичные голосовые интервью, анализирует резюме и ранжирует кандидатов. HR видит готовую аналитику и принимает финальное решение. Заявленная экономия — до 90% времени на первичный отбор.
Роль: Product Designer — единственный дизайнер на проекте
Стек: Figma, UI-кит с нуля, 4 адаптации, светлая и тёмная темы, 7 этапов дизайна
  • Задача и исходная точка:

    Команда пришла с функциональным ТЗ и схематичными вайрфреймами.

    Задача была не воспроизвести прототип, а спроектировать интерфейс который реально работает для HR-специалиста в условиях высокой нагрузки: десятки вакансий, сотни кандидатов, дедлайны.
  • Роль:

    • Дизайн интерфейса всех ключевых экранов от AI-консультации до внутренней сквозной аналитики для разных ролей.
    • Разработка дизайн-кита и библиотеки компонентов для темной и светлой темы
    • Подготовка 4 адаптаций в сумме охватывающи диапазон экранов от 1920 до 360 px
  • Аналитика:

    Перед стартом самостоятельно проанализировала конкурентную среду: hh.ru, Huntflow, LinkedIn Recruiter, а также AI-рекрутинговые платформы западного рынка.

    Ключевой вывод: ни один из продуктов не закрывал задачу сравнения кандидатов в одном экране с аналитикой по нескольким параметрам одновременно. Это стало отправной точкой для одного из главных решений проекта
Дизайн
Ключевые решения
Экран сравнения кандидатов
— функция которой не было в ТЗ
В исходном ТЗ функция сравнения отсутствовала. HR-специалист должен был переключаться между карточками кандидатов вручную и держать всё в голове.

Я предложила добавить экран сравнения — горизонтальную таблицу где кандидаты стоят колонками, а параметры (опыт, навыки, совпадение по резюме и интервью, подозрение на обман) — строками. Каждый параметр визуализирован прогресс-баром с цветовым кодированием: данные из резюме и данные из голосового интервью отображаются рядом, что сразу показывает расхождение между тем что написано и тем что сказано.

Руководитель принял решение сразу — функция вошла в продукт.
Экран сравнения кандидатов
— функция которой не было в ТЗ
В исходном ТЗ функция сравнения отсутствовала. HR-специалист должен был переключаться между карточками кандидатов вручную и держать всё в голове.

Я предложила добавить экран сравнения — горизонтальную таблицу где кандидаты стоят колонками, а параметры (опыт, навыки, совпадение по резюме и интервью, подозрение на обман) — строками. Каждый параметр визуализирован прогресс-баром с цветовым кодированием: данные из резюме и данные из голосового интервью отображаются рядом, что сразу показывает расхождение между тем что написано и тем что сказано.

Руководитель принял решение сразу — функция вошла в продукт.
Канбан-доска кандидатов с drag & drop
В ТЗ канбан был обозначен словом — без визуала и без проработки механики. Задача была спроектировать его с нуля: как выглядят колонки, что на карточке, как работает drag & drop, что происходит при смене статуса.

Изучила YouGile и Trello по механике управления задачами, карточки кандидатов с hh.ru по информационной архитектуре. Готового решения которое совмещало бы канбан-логику с данными о кандидатах для HR — не нашла. Спроектировала интерфейс под конкретный сценарий: HR видит всю воронку одним взглядом, перемещает кандидатов между статусами без лишних кликов, на карточке — только то что нужно для быстрого решения.
Канбан-доска кандидатов с drag & drop
В ТЗ канбан был обозначен словом — без визуала и без проработки механики. Задача была спроектировать его с нуля: как выглядят колонки, что на карточке, как работает drag & drop, что происходит при смене статуса.

Изучила YouGile и Trello по механике управления задачами, карточки кандидатов с hh.ru по информационной архитектуре. Готового решения которое совмещало бы канбан-логику с данными о кандидатах для HR — не нашла. Спроектировала интерфейс под конкретный сценарий: HR видит всю воронку одним взглядом, перемещает кандидатов между статусами без лишних кликов, на карточке — только то что нужно для быстрого решения.
Дашборд работодателя со встроенной финансовой аналитикой
Дашборд в ТЗ был стандартным — счётчики и списки. Я предложила разделить блоки на финансовый и общий по вакансиям. Так калькулятор экономии, который считает сколько часов и рублей сэкономил продукт на основе стоимости часа HR-менеджера, введённой пользователем, стал визуально понятным и логичным выводом, а не фразой с потолка.

Это решение напрямую работает на ценностное предложение продукта — «экономия 90% времени» становится не абстрактным слоганом, а персональной цифрой, которую видно. Для B2B-продукта где решение о покупке принимает руководитель — это ключевой аргумент в интерфейсе.
Дашборд работодателя со встроенной финансовой аналитикой
Дашборд в ТЗ был стандартным — счётчики и списки. Я предложила разделить блоки на финансовый и общий по вакансиям. Так калькулятор экономии, который считает сколько часов и рублей сэкономил продукт на основе стоимости часа HR-менеджера, введённой пользователем, стал визуально понятным и логичным выводом, а не фразой с потолка.

Это решение напрямую работает на ценностное предложение продукта — «экономия 90% времени» становится не абстрактным слоганом, а персональной цифрой, которую видно. Для B2B-продукта где решение о покупке принимает руководитель — это ключевой аргумент в интерфейсе.
AI-ассистент AIVIANA — визуальный образ и система состояний
Голосовой AI-ассистент который проводит интервью должен был иметь визуальный образ — не абстрактную иконку, а персонажа с характером которому кандидат доверяет в момент собеседования.

Ещё на тестовом задании я разработала шар AIVIANA — органичную форму, которой дальше добавилась система состояний под каждый сценарий взаимодействия: слушаю, говорю, думаю, обрабатываю данные. Каждое состояние имеет свою анимацию и визуальный язык. Это не декоративное решение — это UX-инструмент который снижает тревогу кандидата в момент AI-интервью и делает взаимодействие с машиной более человечным.
AI-ассистент AIVIANA — визуальный образ и система состояний
Голосовой AI-ассистент который проводит интервью должен был иметь визуальный образ — не абстрактную иконку, а персонажа с характером которому кандидат доверяет в момент собеседования.

Ещё на тестовом задании я разработала шар AIVIANA — органичную форму, которой дальше добавилась система состояний под каждый сценарий взаимодействия: слушаю, говорю, думаю, обрабатываю данные. Каждое состояние имеет свою анимацию и визуальный язык. Это не декоративное решение — это UX-инструмент который снижает тревогу кандидата в момент AI-интервью и делает взаимодействие с машиной более человечным.
Модальное окно
с результатами интервью
По клику на карточку кандидата в канбан-доске открывается модалка с полным анализом: совпадение по резюме и интервью, разбивка по hard skills и soft skills, подозрение на обман, история взаимодействия с кандидатом, транскрипт интервью с вопросами и ответами.

Задача была упаковать максимум информации в одно окно без перегруза — чтобы HR принимал решение не переходя на другие экраны. Решила через чёткую иерархию: сначала итоговые показатели, потом детализация по навыкам с раскрывающимися блоками.
Модальное окно
с результатами интервью
По клику на карточку кандидата в канбан-доске открывается модалка с полным анализом: совпадение по резюме и интервью, разбивка по hard skills и soft skills, подозрение на обман, история взаимодействия с кандидатом, транскрипт интервью с вопросами и ответами.

Задача была упаковать максимум информации в одно окно без перегруза — чтобы HR принимал решение не переходя на другие экраны. Решила через чёткую иерархию: сначала итоговые показатели, потом детализация по навыкам с раскрывающимися блоками.
Визуальная система
Тестовым заданием было сделать один экран + состояния. Я сдала во всех четырёх адаптациях и в двух темах — светлой и тёмной. Тёмная тема была моей инициативой: HR-специалисты часто работают вечерами и ночью, это не декоративное решение, а функциональное.

Визуальное направление приняли с первой подачи и оно стало основой для всего продукта. UI-кит построен с нуля: цветовые токены, типографическая система, компонентная библиотека.
Чему научил проект
Работа с технически сложным AI-продуктом где данных много, а пользователь принимает решения быстро — это другой уровень работы с информационной архитектурой. Научилась проектировать под высокую когнитивную нагрузку: каждый экран должен давать ответ на вопрос пользователя, а не просто отображать данные.

Также получила опыт работы без UX-исследователя и продакта — самостоятельно формулировала гипотезы, обосновывала решения и отстаивала их перед командой.
Сомневаетесь?
— дайте тестовое.
На AIVIANA мне тестовым был один экран. Я сдала его во всех адаптациях, в двух темах, и он стал визуальной основой всего продукта — с первой подачи, без правок.

Я из тех кто показывает больше чем объясняет. Прихожу, делаю, и через две недели обычно уже не хочется работать с кем-то другим.

Если хотите проверить — я за. >>>
Обсудить проект в Tg
Сомневаетесь?
— дайте тестовое.
На AIVIANA мне тестовым был один экран. Я сдала его во всех адаптациях, в двух темах, и он стал визуальной основой всего продукта — с первой подачи, без правок.

Я из тех кто показывает больше чем объясняет. Прихожу, делаю, и через две недели обычно уже не хочется работать с кем-то другим.

Если хотите проверить — я за. >>>
Обсудить проект в Tg
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website