Case study: дизайн клиентского портала для облачной AI-платформы

Клиент обратился в Palantis Digital с задачей создать современный и удобный клиентский портал для управления вычислительными ресурсами и моделями машинного обучения в облаке. Платформа позволяет компаниям запускать AI-задачи, управлять проектами, контролировать использование ресурсов и отслеживать статистику в реальном времени.

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

1. Исходные задачи и вызовы

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

• перегруженные экраны без ясной визуальной иерархии;
• сложная и нелогичная структура навигации;
• множество параметров на одном шаге при запуске задач;
• разрозненная статистика и неудобные отчёты;
• отсутствие цельного UX-подхода и дизайн-системы.

Целью проекта стало создание клиентского портала, в котором:

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

2. Подход Palantis Digital к проекту

Мы выстроили работу в несколько этапов, сочетая UX-исследование, прототипирование и дизайн-систему:

• интервью и соз созвон с представителями целевой аудитории (ML-инженеры, разработчики, менеджеры продуктов);
• картирование пользовательских сценариев и «путей» внутри системы;
• создание интерактивных прототипов ключевых экранов;
• разработка модульной дизайн-системы для масштабирования продукта;
• итеративное тестирование сценариев и улучшение UX;
• подготовка финального UI-кита и спецификаций для команды разработки.

3. Оптимизация пользовательских сценариев

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

Решение: мы разбили путь пользователя на понятные шаги:

1. выбор рабочего проекта;
2. выбор модели или шаблона;
3. настройка параметров и ресурсов;
4. подтверждение и запуск задачи;
5. мониторинг выполнения и просмотр результатов.

Такой подход снизил число ошибок конфигурации и повысил долю успешно завершённых операций.

4. Новая архитектура навигации

Старая структура меню содержала более 20 пунктов и не отражала реальную логику работы пользователей.

Мы предложили модульный подход и выделили ключевые разделы:

• Главная панель — ключевые метрики и быстрый доступ к активным задачам.
• Проекты — работа с проектами, задачами и командами.
• Модели — управление моделями, версиями и деплоем.
• Datasets — хранилище и управление наборами данных.
• Мониторинг — визуализация нагрузки и использования ресурсов.
• Биллинг — контроль затрат, лимитов и планов.

Благодаря этому интерфейс стал предсказуемым, а платформа — готовой к расширению новыми модулями.

5. Дашборд как центр управления

Мы сосредоточили ключевую информацию на главной панели, где пользователь сразу видит:

• активные и недавно завершённые задачи;
• использование ресурсов (CPU, GPU, память);
• предполагаемые расходы по проектам;
• уведомления об ошибках и предупреждения.

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

6. Управление задачами: контроль и прозрачность

Отдельное внимание мы уделили разделу управления задачами искусственного интеллекта.

Основные решения:

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

Это значительно упростило жизнь пользователям, которым важно держать под контролем десятки параллельных процессов.

7. Дизайн-система: фундамент для роста продукта

Так как платформа активно развивается, мы сразу заложили дизайн-систему, которая включает:

• типографику и иерархию заголовков;
• цветовую палитру с акцентами для статусов и метрик;
• сетку и шаблоны для сложных таблиц и панелей;
• набор UI-компонентов (кнопки, инпуты, табы, карточки, модальные окна и др.);
• состояния компонентов (hover, active, disabled, loading);
• поддержку светлой и тёмной темы.

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

8. Работа с данными и аналитикой

Для раздела мониторинга и аналитики мы упростили визуализацию сложных метрик:

• интерактивные графики нагрузки и использования ресурсов;
• агрегированные показатели по проектам и периодам;
• фильтры по проектам, моделям и временным интервалам;
• экспорт данных для дальнейшего анализа.

Сложные технические данные стали понятным инструментом управления, а не просто набором цифр.

9. Результаты проекта

После внедрения обновлённого клиентского портала заказчик отметил:

• сокращение времени на выполнение типовых операций на 25–35%;
• уменьшение количества ошибок при запуске задач за счёт пошаговой логики;
• снижение нагрузки на службу поддержки;
• повышение вовлеченности пользователей и частоты использования аналитических разделов.

Новый интерфейс стал сильной стороной продукта и конкурентным преимуществом на рынке облачных AI-решений.

10. Выводы

Этот кейс показывает, как грамотный UX/UI-подход помогает бизнесу, работающему с высокими технологиями, сделать продукт понятным и удобным для людей. Даже если внутри — сложная инфраструктура и тяжёлая логика, для пользователя всё должно выглядеть просто, логично и прозрачно.

Palantis Digital специализируется на создании сложных цифровых интерфейсов: клиентских порталов, личных кабинетов, внутренних систем, платформ и мобильных приложений. Мы помогаем компаниям превращать технологии в удобные продукты.

Обсудить ваш проект