VR Supersonic/Веб-платформа управления VR-обучением

B2B-платформа для сопровождения VR-тренировок:
создание сценариев, управление пользователями и группами, мониторинг прохождений и аналитика результатов.

Это основной продукт компании, связанный с VR-приложением и бизнес-показателями клиентов.

Отвечаю за UX/UI-дизайн и развитие интерфейса платформы. Работаю в связке с аналитиком и разработчиками — от гипотезы до релиза.

В зоне ответственности:

• проектирование новых разделов и фич
• развитие и систематизация UI-kit
• дашборды и визуализация данных
• модернизация компонентов
• интерфейсные тексты
• передача в разработку (handoff)

Регулярно:

• описываю логику экранов и ограничения
• фиксирую поведение компонентов и состояния
• готовлю адаптивные версии
• участвую в планировании спринтов и приоритизации

Отдельное направление моей работы — развитие раздела с аналитикой. Метрики и расчёты я прорабатываю на уровне логики, дальше валидируем с аналитиком и передаём в разработку.

🧡 Я спроектировала раздел аналитики, который позволяет клиентам оценивать динамику показателей и влияние обучения на группы пользователей
Почему я особенно горжусь им:

• реализовано интерактивное сравнение периодов и сегментов
• интерфейс помогает аргументировать ценность внедрения продукта на уровне бизнес-метрик

🧡 Проектировала внутренний аналитический экран для команды.
Цель — быстрая оценка состояния клиентов

• агрегированная картина
• приоритизация проблемных зон
• минимум визуального шума
• понятная фильтрация

🧡 В целом задизайнила много диаграмм и отчётов (думаю вам уже наскучило читать хе-хе), парочка из них:

• хитмап активности пользователей
• графики сравнения групп
• и тд

Собрала UI-kit с нуля и переработала существующие компоненты:

• base: цвета, типографика, иконки
• компоненты: инпуты, селекты, дропдаун, дейтпикеры, драг-н-дропы, тултипы, хинты, чекбоксы, тогглы, кнопочки и проч
• атомарные компоненты
• состояния контролов: дефолт, ховер, эктив, эррор, селект, филлд
• правила для desktop и mobile
• библиотека иллюстраций пустых состояний и ошибок

Перерабатывала существующие компоненты так как они имели UX-проблемы и выглядели морально устаревшими. Пример мелкой, но показательной доработки:
textarea «прыгала», когда появлялся счётчик символов. Я изменила логику отображения — счётчик виден всегда, поведение стало стабильным.
Переработала календарь, фильтры, состояния выбора, систематизировала логику форм.

Также модернизировала компоненты. Например, расширила логику фильтра «Группы» — добавила возможность гибко включать и исключать выборки пользователей.

UI-kit был частью редизайна платформы, для улучшения иерархии, снижения умственной нагрузки на пользователя, актуализации и унификация стиля.
🧡 Любимая задача: редизайн внутренней админ-панели
Было: намешанные поля, сложная навигация, перегруженные страницы.
Стало: логически сгруппированные блоки, упрощённая структура, понятные сценарии.

Изначально платформа была полностью desktop-only.
Но для одной из ролей пользователей появилась потребность работать с системой с телефона — прямо «в полях».

Я спроектировала адаптивные версии ключевых страниц для этой роли, включая сложные элементы:

• таблицы
• фильтры
• формы

Чтобы проверить решения, провела 2 серии usability-тестирования на коллегах:

• подготовила скрипт интервью
• собрала кликабельный прототип
• провела интервью
• зафиксировала инсайты
• собрала сводную таблицу наблюдений
• внесла изменения в макеты
• провела повторную серию тестов

Инициировала подключение Яндекс.Метрики (тут я настроила цели).
Проанализировала поведение пользователей и выявила узкое место во флоу добавления сотрудников.
🤩 Предложенное решение сократило время выполнения задачи и уменьшило количество ошибок при добавлении.

Дизайню патчноуты для видимых фич: чтобы когда пользователь зашёл на платформу увидел окно с визуальными инструкциями что добавилось зачем и как это использовать.

Также по собственной инициативе дизайню карточки постов для рассылки клиентам в чаты (считаю что важен онюбординг в новые фичи и контакт с клиентами)

Все решения описывала в формате детального handoff:

• продуктовая часть (проблема, контекст, для кого)
• разбивка фич по версиям
• логика экранов
• ограничения
• поведение компонентов
• edge-cases

Работаю в связке с аналитиком и разработчиками, обсуждаем реалистичность решений и подводные камни до передачи в прод