Кейс · Продуктовый дизайн · 2026

Atlas.

Центр управления ИИ-агентами — когда один агент превращается в целый парк.

Продуктовая стратегияUXВизуальный дизайнПрототип
Atlas на телефоне: список агентов с живым статусом
Atlas на телефоне: трейс в реальном времени
Atlas на телефоне: утренняя сводка
10s
на чтениеутренней сводки
Не agent-7f3a2b«Wren завис»
0→1продуктовый дизайн
20десктопных экранов
10мобильных экранов
1визуальный язык
SaaSмультитенантный
2026Figma · прототип
Суть за 20 секундКонцепт
Что
Пункт управления для флота ИИ-агентов: утренний бриф, трейсы, эвалы и биллинг.
Зачем
Когда агентов десять, контроль теряется: логи разбросаны, эвалы запаздывают.
Моя роль
Продуктовая стратегия, UX и визуальный дизайн, 0→1 до прототипа в Figma.
Результат
30 экранов (20 десктоп · 10 мобайл) · 10 с на утренний бриф
Смотреть кейс ↓
Обзор

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

ТипSaaS-продукт
ОбъёмДизайн 0 → 1
Экраны20 десктоп · 10 мобильных
ИнструментыFigma · прототип
Год2026
atlas · Главная
Atlas — дашборд утренней сводки
Читать полностью

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

Коротко

Тёплая бумага. Данные антиквой. Ржавые алерты.

30
экранов20 десктоп · 10 мобильных
01 · Контекст

Один агент — это полдня работы. Десять — это уже центр управления.

01

Нет обзора парка

Статус, расходы, оценки — всё разбросано.

02

Трейсы погребены в логах

Сырой JSON, никакой временной шкалы.

03

Оценки запускают слишком поздно

Регрессии доходят до продакшена.

Читать полностью

У команд, которые запускают ИИ-агентов, нет центра управления. Развернуть агента можно за полдня. Но когда их десять — в разных процессах, с разными промптами и центрами затрат, — обзор рушится. Логи разбросаны, оценки живут в таблицах, а счёт в конце месяца становится сюрпризом.

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

Трейсы погребены в логах. Чтобы разобрать упавший запуск, приходится копаться в сырых JSON-логах. Нет структурированного вида трейса — вызовов инструментов, ответов LLM, точек ветвления — в виде читаемой временной шкалы.

Оценки запускают слишком поздно. Проверки качества запускают вручную или не запускают вовсе. Когда регрессию замечают, она уже в продакшене. Не хватало непрерывного конвейера оценок с трендами pass/fail.

01 · Дашборд

Утренняя сводка. Весь парк одним взглядом.

Обзор паркаБейджи статусаРасходыДоля успешных оценок
Главная
Дашборд Atlas — утренняя сводка
Wr
Агенты с именамиWren, Tarn, Lev, Sole…
Почему всё начинается здесь

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

Имена агентов (Wren, Tarn, Lev, Sole…) — осознанное решение: имена легче запомнить и обсуждать во время инцидента, чем UUID.

02 · Агент

Глубокое погружение в любого агента.

Конфигурация агентаВерсии промптовИстория запусковСтоимость запуска
Агенты / Wren
Atlas — детальный вид агента
Wren / Редактор
Atlas — встроенный редактор промпта с версиями
Подробнее

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

Панель промпта редактируется на месте: команда может подготовить и выкатить изменения промпта, не выходя из Atlas, а каждая версия сохраняется для сравнения.

03 · Проводник трейсов

Каждый запуск полностью на виду.

Wren / Запуск #4,217
Atlas — проводник трейсов: временная шкала запуска в реальном времени
↳
Вызовы инструментовзадержка и токены на каждом шаге
{}
Сырые данныев один клик на любом шаге
Подробнее

Вид трейса показывает полную временную шкалу выполнения: каждый вызов инструмента, инференс LLM, извлечённый фрагмент контекста и точку ветвления — в хронологическом порядке, с задержками и числом токенов.

Клик по любому шагу открывает сырые входные и выходные данные. Инженеры точно видят, где запуск отклонился от ожидаемого поведения, не выходя из интерфейса. Временная шкала выполнения · инспектор вызовов инструментов · счётчики токенов · разбивка задержек.

Оценки
Atlas — оценки: доля успешных тестов во времени
04 · Оценки

Ловить регрессии до продакшена.

  • 01Автозапуск при деплое
  • 02Тренды доли успешных
  • 03Алерты по порогам
Подробнее

У каждого агента есть свой набор оценок. При каждом деплое или изменении промпта Atlas автоматически прогоняет набор и строит тренд pass/fail во времени. Если доля успешных падает ниже SLA команды, срабатывает алерт.

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

05 · Задачи

Управление запусками по всему парку.

ФильтрыМассовые действияБоковая панель деталейЭкспорт
Задачи
Atlas — доска задач
Задачи / #1,742
Atlas — детали задачи
Подробнее

Раздел «Задачи» — операционный центр: фильтруйте запуски по агенту, статусу, датам или стоимости. Массово отменяйте зависшие запуски. Смотрите любую задачу прямо в списке. Выгружайте отфильтрованный набор данных для анализа.

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

06 · Все экраны

20 десктопных экранов. От онбординга до биллинга.

Список агентов
Биллинг
Журнал аудита
База знаний
Триггеры
Уведомления
Настройки
Доступ — совместная работа
Вход
Пустое состояние
Первый агент запущен
Предупреждение о лимите запросов
АгентыБиллингЖурнал аудитаЗнанияТриггерыУведомленияНастройкиДоступВходПусто · первый запускЛимит запросов · тайм-аут
Полный список

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

Главная — утренняя сводка · Список агентов · Детали агента · Проводник трейсов · Задачи · Детали задачи · Оценки · Биллинг · Журнал аудита · База знаний · Триггеры · Редактор промптов · Уведомления · Настройки · Доступ — совместная работа · Вход · Пустое состояние · Первый агент запущен · Предупреждение о лимите запросов · Ошибка тайм-аута.

Запуск #2,118 · тайм-аут
Состояние ошибки тайм-аута

Даже ошибки читаются как страница.

07 · Мобильная версия

10 экранов для телефона. Следить и согласовывать откуда угодно.

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

Мобильная версия сосредоточена на мониторинге и согласованиях: проверить статус парка, посмотреть алерты по задачам, согласовать или отменить запуск — откуда угодно. Нативное ощущение iOS на 390px.

08 · Дизайн-решения

Почему редакционный стиль, а не серый дашборд.

Агент Wren на телефоне
Решение 02
«Wren завис» — а не «agent-7f3a2b завис».
01

Fraunces для данных, а не только для заголовков

03

Утренняя сводка как точка входа

Три решения

Большинство операционных инструментов по умолчанию выглядят как холодный серо-голубой SaaS. Atlas выбрал противоположное — тёплые бумажные тона, антикву и ржавые акценты, — чтобы долгие сессии мониторинга меньше утомляли.

01 · Fraunces для данных, а не только для заголовков. Антиква с переменным оптическим размером одинаково хорошо читается и в заголовках на 124px, и в ячейках таблиц на 13px. Редакционный характер говорит: «у этого инструмента есть позиция» — это не очередной типовой дашборд.

02 · Агенты с именами, а не UUID. Когда в 2 часа ночи что-то ломается, хочется сказать «Wren завис», а не «agent-7f3a2b завис». Короткие запоминающиеся имена снижают когнитивную нагрузку во время инцидентов и на ежедневных стендапах.

03 · Утренняя сводка как точка входа. Главный экран — это ежедневный дайджест, а не живая лента. Ключевые метрики читаются за 10 секунд. Все подробности — в одном клике, а не сразу на экране: так нет тревожности от перегруженного дашборда.

09 · Объём

Что было спроектировано.

20

Десктопных экранов

Figma, готово к разработке.

10

Мобильных экранов

В духе iOS, 390px.

1

Визуальный язык

Fraunces + Inter Tight.

0→1

Продукт целиком

Стратегия + UX + визуал.

Подробнее

20 десктопных экранов — продукт целиком, от онбординга до биллинга; Figma, готово к разработке. 10 мобильных экранов — мониторинг и согласования на ходу; нативное ощущение iOS, 390px. 1 цельный визуальный язык — тёплый редакционный стиль, Fraunces + Inter Tight; токены, тёмная тема, адаптивность. 0→1 — продукт, спроектированный с нуля от концепции до полного прототипа, без готовых аналогов; стратегия + UX + визуал.

Запускаете агентов без центра управления?

Create bold.
Deliver better.

See our workGet in touch