Евгений Леонов
Кейс 03 · AI-инфраструктура · Концепт

CentML:
сложное — одним ползунком

Консоль, в которой продуктовая команда запускает свою AI-модель, выбирая не GPU и настройки, а понятный баланс «скорость ↔ стоимость».

Продуктовая логикаData vizDeveloper UXДизайн-система
Бренд — реальный проект, продукт — концепт. В CentML я был ведущим графдизайнером: логотип, паттерн-система, офис, конференции (NVIDIA GTC, BigData London) и поддержка продуктового UI в Figma. Здесь — авторский взгляд на консоль продукта. Брендинг CentML →
Контекст

Быстро или дёшево — решать должен не инженер по GPU

Чтобы запустить LLM в продакшен, нужно выбрать железо, батчинг, квантизацию и следить за задержками. Эти решения напрямую влияют на счёт, но понятны только узким специалистам.

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

Для кого

Один экран — три разных вопроса

01

ML-инженер

Хочет контроль и цифры: задержки p50/p95, загрузку GPU, версии модели. Не терпит «магии» без объяснений.

«Покажи, что под капотом, и не мешай»
02

Продакт-менеджер

Нужно быстро проверить идею: подключить модель к продукту и понять, сколько это будет стоить на реальном трафике.

«Сколько мы будем платить, если пользователей станет в 10 раз больше?»
03

Финансы

Смотрят на счёт и экономию. Им нужна одна цифра и её динамика, а не графики латентности.

«Почему счёт за AI вырос на 40%?»
Ключевой сценарий

От модели до API за четыре шага

Модель

Из каталога или своя — из приватного реестра

Баланс

Ползунок «скорость ↔ стоимость», железо подбирается само

Запуск

Готовый OpenAI-совместимый эндпоинт и код для вставки

Контроль

Трафик, задержки, GPU и стоимость в реальном времени

Живой прототип

Подвиньте ползунок и посмотрите, что изменится

Прототип рассчитан на десктоп — лучше открыть с компьютера.
  • 1
    ConfigureДвигайте ползунок: меняются GPU, скорость, цена и экономия
  • 2
    MonitorТрафик, задержки, загрузка каждого GPU
  • 3
    PlaygroundНажмите Run: ответ модели в реальном времени со счётчиком скорости
Нажмите «Deploy endpoint →»
Решения

Как сделать инфраструктуру понятной

ЯЗЫК ПОСЛЕДСТВИЙ

Не «4× H100», а «$0.67 за миллион токенов»

Технические параметры остаются доступны, но главная цифра — та, что попадёт в счёт.

ЧЕСТНОЕ СРАВНЕНИЕ

Базовая линия всегда на графике

Красная пунктирная линия показывает, сколько стоил бы запуск «как есть». Ценность сервиса видна без слов.

ПУТЬ РАЗРАБОТЧИКА

Код рядом с кнопкой

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

UI-кит

Паттерн бренда — в продуктовом интерфейсе

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

Цвета
#0B1F17
Фон
#132E23
#00A87B
Бренд
#5FD39A
#E9B949
p95
#EF6B5E
Baseline
Шрифты
58.4 req/s
Space Grotesk — крупные метрики
$0.67 / 1M
JetBrains Mono — цифры, код · Inter — интерфейс
Компоненты
Live · eu-westDeploy endpoint →Cancel
✓Model
2Optimize
3Deploy
Айдентика, с которой всё началось
Реальный проект
Брендинг CentML — кейс в портфолио графдизайна
Смотреть брендинг ↗