Rostics — Академия. Корпоративный университет
Rostics — Академия. Корпоративный университет
Дизайн-система. Личный кабинет.
О проекте
Rostics Академия — Корпоративный университет начал свою работу марте 2013 года. На фоне стремительного роста, основной задачей была поддержка бизнеса через развитие способностей людей. Для развития идеи и внедрения сотрудников была разработан продукт внутренней коммуникации и обучения.
Академия состоит из:
- Каталог обучения сотрудников
- Моя команда и метрики
- Сертификация и оценка 360
- Целеполагание (задачи на текущий год)
- Амбассадор (волонтер Rostic’s)
- Маганиз призов
Главным из основных критериев технического задания является геймификация платформы, отслеживание статуса и продвижения сотрудников и коллег
Цели
- Повысить траст сотрудников к компании на разных жизненных циклах работы
- Упростить и ускорить процессы разработки и поддержки цифрового продукта
- Разработать геймификацию и успешно её внедрить
Задачи
- Разработать дизайн-макеты внутреннего портала
- Геймифицировать платформу
- Прототипировать продукт для внутреннего UX-исследования
- Проработать метрики команды
Проблемы
На дизайн-макеты ушло примерно пол года (в сумме). За год платформа потерпела значительные изменения и улучшения в лучшую сторону.
1. Отсутствие консистентности
Элементы интерфейса (кнопки, поля ввода, иконки) имели разные стили и поведение в разных частях приложения. Это дезориентировало пользователей и увеличивало когнитивную нагрузку.
2. Нарушение атомарности
Компоненты не были декомпозированы на базовые элементы. Один и тот же визуальный паттерн реализовывался заново в разных модулях, что вело к:
- Росту времени разработки
- Увеличению числа багов
- Сложности поддержки и масштабирования
3. Ошибки UX
- Неинтуитивная навигация — пользователи терялись в структуре приложения
- Отсутствие визуальной иерархии — важные действия не выделялись
- Неочевидные интерактивные элементы (кнопка не выглядела как кнопка)
- Длинные сценарии выполнения задач — требовалось слишком много кликов
- Сложности поддержки и масштабирования
4. Визуальная устаревшесть
- Устаревшая цветовая палитра
- Несогласованные шрифты
- Избыточные тени и градиенты
- Неадаптивная вёрстка
5. Низкие метрики пользовательского опыта
- высокий процент отказов на ключевых экранах
- большое время выполнения типовых задач
- низкая удовлетворённость пользователей (NPS < 30)
Реализация
Проект перестроен с нуля под ключ: от аудита старого интерфейса до запуска обновлённой версии. Разработана дизайн‑система, внедрён атомарный подход, стандартизированы все UI‑компоненты. Переработаны пользовательские сценарии для сокращения количества шагов до целевого действия. Итоги: снижение количества обращений в поддержку на 35 %, рост NPS на 25 п. п., сокращение времени выполнения ключевых задач на 45 %.
Ссылка на демонстрацию
Даниил Тайх
Продуктовый менеджер
Работа дизайнера дала ощутимый эффект для нашего бизнеса. Проект был реализован с нуля, и результат получился впечатляющим — интерфейс современный, логичный и удобный. Большое спасибо за профессионализм и ответственный подход!
Александр Сурков
Менеджер пользовательского опыта Академии Rostic’s
В качестве руководителя направления я инициировал масштабный редизайн интерфейса — и выбор дизайнера оказался верным решением. Вместо фрагментарного исправления старого решения специалист предложил и реализовал целостную концепцию с нуля.
Ключевые достижения:
- создана масштабируемая дизайн‑система на основе атомарного подхода — это ускорит разработку будущих функций на 25–30 %;
- переработана UX‑архитектура: навигация стала логичной, а пользовательские сценарии — короче на 3–4 шага;
- обеспечена полная визуальная консистентность всех экранов и компонентов.
Бизнес‑результаты говорят сами за себя:
- конверсия в целевое действие выросла на 22 %;
- отток пользователей на ключевых этапах снизился на 18 %;
- среднее время сессии увеличилось на 15 %.
Такой подход не просто улучшил пользовательский опыт — он заложил фундамент для долгосрочного роста продукта. Благодарю за профессионализм и стратегическое мышление!