Процесс

1. Проектирование

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

2. Отрисовка макетов

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

3. Сборка UI-кита

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

4. Разработка

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

О проекте

LLAR Admin Panel — это платформа, позволяющая пользователям плагина подключать и настраивать дополнительные домены, редактировать настройки логов, видеть статистику атак на сайт, управлять подпиской и получать последние новости в сфере кибер безопасности

Проблема

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

Решение

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

Моя роль

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

Результаты

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