Корпоративный сервис
Веб-версия
UX/UI Дизайн
Моисеенко Кирилл
Достижения
Проведены пользовательские исследования и редизайн сервиса для 7 ролей — клиентская | админская часть, За 5 месяцев работы сократили среднее время заполнения и обработки заявки на 48% | 42%. За счет визуальной и функциональной переработки сократили частоту ошибок пользователей на 35%
Контекст
Когда я присоединился к команде Росатома, сервис «Человек года» уже работал, но его интерфейс устарел и был сложен для разных ролей пользователей. Новички с трудом заполняли заявки и испытывали сложности с отслеживанием статуса

Моя задача заключалась не просто в обновлении визуала, а в полном редизайне и улучшении UX. Я исследовал текущие проблемы, упростил сценарии и сделал интерфейс понятным для пользователей разного возраста и уровня владения компьютером. Цель — повысить лояльность пользователей, сократить время заполнения заявок и напрямую повлиять на бизнес-результаты
Обзор
B2E, HR Tech, Корпоративный сервис
Моя роль
Ведущий дизайнер проекта
Что было сделано
Анализ текущего сервиса, разработка стратегии редизайна и оптимизация пользовательских сценариев
Ключевые результаты
9:24 → 4:53
Среднее время заполнения заявки
↓48%
2:26 → 1:02
Среднее время обработки заявки
↓42%
12%
Сокращение количества ошибок
↓35%
85/мес
Заявки в службу поддержки
↓56%
Проблемы текущего интерфейса
На тот момент у сервиса были серьёзные проблемы с процессом составления заявки. Новые пользователи допускали ошибки в полях, путались в шагах и отправляли неверные документы. Из-за этого возрастало число обращений в поддержку, а время создания заявки значительно увеличивалось.
Кроме того, обработка заявок требовала от разных ролей дополнительного погружения в интерфейс. Из-за отсутствия единого понимания структуры поиск нужных заявок и документов занимал лишнее время.
Мы хотели сделать процесс понятным, сократить количество ошибок и снизить нагрузку на команду
Цели первого релиза
Сделать процесс создания и обработки заявок быстрым и понятным для всех ролей и типов пользователей
  1. Изучить и переработать текущие сценарии пользователей всех ролей
  2. Исправить интерфейс и логику шагов, чтобы новые сотрудники могли работать самостоятельно, не обращаясь каждый раз в поддержку
  3. Создать долговечную конструкцию сервиса, которая объединяет знания, ускоряет работу и снижает расходы на обработку заявок
Задача
Создать понятный и доступный корпоративный сервис, в котором пользователи всех ролей смогут быстро оформлять и обрабатывать заявки, не тратя лишнего времени на поиск информации и отслеживание статусов своих заявок
Исследование
9 дней
User Flow
3 дня
Прототипы
12 дней
Дизайн
3 недели
Дизайн-система
1 неделя
Дизайн процесс
В ходе анализа метрик старого сайта, изучения целевых аудиторий и внутреннего аудита были выявлены ключевые проблемные зоны: перегруженность интерфейса, сложность фильтрации и недостаточная персонализация контента и возможностей ролей.

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

В основу проектирования структуры коммуникации легли реальные мотивы, ожидания и барьеры участников проекта — чтобы сайт говорил на их языке и сопровождал на каждом этапе пути
Проектирование и аналитика
7 ролей в системе
Руководитель номинанта
Евгений
Руководитель не хочет тратить время на поиск среди всех заявок. Ему важно сразу понимать, кто из подчинённых подал заявку, проверить состав, и одним-двумя действиями принять или отклонить. Также критично видеть итог: кого он уже утвердил, кого — отклонил, чтобы избежать ошибок и дублирования.
Наша задача — дать руководителю удобный инструмент для быстрой проверки и подтверждения своих номинантов, без лишних шагов и потери времени.
Контролер Службы Безопасности
Виктор
Контролер безопасности»: должен быстро выявлять несоответствия, фиксировать нарушения и принимать решение о дальнейшем прохождении заявки. Важно, чтобы у него был удобный интерфейс для работы с документами, проверки данных и внесения отметок.
Наша задача — обеспечить контролёра всеми инструментами и информацией для качественной и быстрой проверки, чтобы минимизировать риски и повысить доверие к итоговому процессу.
Заявитель (номинант)
Анастасия
Внимание номинанта ограничено, поэтому процесс должен быть максимально быстрым и понятным: минимум шагов, простая форма. Важно дать прозрачность — показать, что заявка успешно принята и что будет дальше. Наша задача — закрыть эту потребность сразу, чтобы человек не откладывал процесс «на потом» Для номинанта важно отслеживать на каком этапе рассмотрения находится его заявка
Пресс секретарь
Светлана
Основная задача— это фильтр пон должен внимательно убедиться, что заявка полная и готова к следующему этапу. Возможность принять или отклонить заявку должна быть простой и однозначной, при этом желательно оставлять комментарии для обратной связи.
Наша задача — обеспечить пресс-секретарю удобный инструмент для финальной проверки, чтобы снизить риск ошибок и гарантировать, что на заключительный этап попадают только корректные и готовые заявки
Секретарь организации
Валентин
Секретарь должен быть в роли «навигатора»: направить сотрудника в нужное русло, подсказать, что нужно исправить, и убедиться, что заявка составлена правильно. Процесс должен быть простым и удобным: быстрые действия по подтверждению или возврату заявки, возможность оставить комментарий и контроль за статусами.
Для него важна прозрачность: видеть полный список поданных заявок, их статусы и быстро понимать, где есть ошибки или пробелы
Каждый сценарий использования отражает реальные задачи пользователей. Job Stories помогают понять контекст, мотивацию и цели каждой роли, а USM показывает, как интерфейс поддерживает эти сценарии на всех этапах взаимодействия
USM + job stories
Каждая роль имеет уникальные потребности, требования к удобству интерфейса и свой набор ключевых действий на сайте
Отчет по Я.Метрике и тепловой карте
Помогли выявить перегруженные участки интерфейса, точки, вызывающие затруднения, и моменты, где пользователи чаще всего прерывали процесс заполнения. На основе анализа я выделил ключевые боли и принял решение о переработке сценария.
В ходе анализа текущего сервиса, изучения пользователей разных ролей и внутреннего аудита были выявлены ключевые проблемные зоны: сложность заполнения заявок, высокая вероятность ошибок, запутанные шаги и недостаточная прозрачность статусов.

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

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

Для команды подготовлена документация и гайдлайн, где описаны правила использования фирменных цветов, шрифтов, сетки и элементов интерфейса. Это позволяет поддерживать единый визуальный язык и упрощает масштабирование продукта
Дизайн - система
Made on
Tilda