Skillful AI — UX/UI-дизайн AI-платформы для создания AI-агентов и автоматизации

1. Вводная задача от заказчика, проблематика, цели

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

Перед нами стояли сразу несколько задач:

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Исследование

Проект начался с исследования современных AI-платформ и пользовательских сценариев.

Мы изучили:

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

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

Мы разделили проект на два взаимосвязанных направления:

• веб-платформа для создания и управления AI-агентами;
• мобильное приложение для ежедневного взаимодействия с AI.

Обе части построены на единой UX-логике и общей дизайн-системе.

Веб-платформа

AI Builder

Самым сложным элементом продукта стал конструктор AI-агентов.

Вместо единой страницы с десятками параметров мы разделили процесс настройки на логические этапы:

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

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

Система автоматизации

Еще одной важной частью платформы стала работа с автоматизациями.

Мы спроектировали полный жизненный цикл AI-флоу — от создания сценария до его запуска, мониторинга и дальнейшего сопровождения.

Для этого были разработаны отдельные интерфейсы для:

• флоу;
• папок;
• статусов;
• запусков;
• ошибок;
• подключаемых инструментов.

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

Marketplace AI-агентов

Маркетплейс проектировался как полноценная витрина AI-продуктов, а не технический каталог.

Основное внимание было уделено скорости выбора.

Пользователь может:

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

Технические детали остаются доступны, но не мешают первому знакомству с продуктом.

AI Chat

Вместо создания отдельного сложного интерфейса управления AI мы сохранили привычный формат современного мессенджера.

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

Такой подход существенно снижает порог входа и делает взаимодействие с AI естественным и интуитивным.

Image Hub

Для генерации изображений был разработан отдельный рабочий сценарий.

Пользователь может:

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

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

Мобильное приложение

После проектирования веб-платформы мы перенесли основные пользовательские сценарии в мобильную среду.

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

AI Chat

Основным сценарием мобильного приложения стало общение с AI.

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

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

Маркетплейс

Для мобильной версии был переработан путь выбора AI-агентов.

Карточки стали значительно компактнее, а ключевая информация — специализация, стоимость, возможности и навыки — выводится уже на первом экране.

Это позволяет быстро подобрать подходящего AI-помощника буквально за несколько касаний.

AI Builder

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

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

Автоматизация

Работа с AI-флоу также была адаптирована под мобильный формат.

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

Дизайн-система

Одновременно с интерфейсами была разработана масштабируемая дизайн-система проекта.

В рамках работы команда создала:

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

Использование единой дизайн-системы позволило обеспечить консистентность интерфейсов сразу в веб- и мобильной версии продукта.

3. Результаты сотрудничества

В результате команда Roobinium спроектировала единую AI-экосистему, объединяющую конструктор AI-агентов, систему автоматизации, маркетплейс и мобильное приложение.

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

После завершения проектирования продукт был успешно реализован и запущен. Сегодня Skillful AI предоставляет пользователям единое пространство для создания, публикации и использования AI-агентов на разных устройствах.