Кейс · UI/UX · Брендинг · Studio Lab · 2026

Lumen.

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

UI/UXБрендингAI · КинопроизводствоДизайн-система
Lumen · Цвет
Цветокоррекция: до и после, кураторские LUT и цветовые круги
Lumen · Первый запуск
Онбординг: экран «Make films at the speed of thought»
Lumen · Рабочее пространство
Дашборд проектов Lumen: активные проекты, AI-клипы, часы рендера и последние проекты
28
экрановодин интерактивный прототип —
от онбординга до доставки
28экранов в интерактивном прототипе
6недель от пустого холста
4варианта на генерацию
12кураторских LUT-луков
3звуковых стема, AI-разводка
1таймлайн, промпт и проект
Суть за 20 секундКонцепт · Stepikin Lab
Что
Кинематографичная ИИ-платформа для соло-авторов: генерация, монтаж, цвет, звук и выдача в одной студии.
Зачем
Путь от идеи до фильма — это жонглирование инструментами; в Lumen одна лента, промпт и проект.
Моя роль
UI/UX и брендинг: дизайн-система и интерактивный прототип.
Результат
28 экранов в одном прототипе · 6 недель с нуля · 12 LUT-образов
Смотреть кейс ↓
О проекте

Кинематографичная AI-платформа, которая ведёт автора от сырой идеи до готового фильма — для соло-авторов и студий, выпускающих контент каждую неделю.

ПроектLumen AI Studio
УслугиUI/UX, Брендинг
КатегорияAI · Кинопроизводство
Год2026
Lumen · Композер
Промпт-композер: кадр с аспектом, луком, камерой и вариантами
«Lumen — это кинематографичная AI-платформа, которая упрощает создание контента. Снимай, монтируй и выпускай быстрее в едином потоке.»
Позиционирование продукта · концепт-проект
Читать подробнее

Генерация, цвет, звук и доставка в одном спокойном холсте.

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

Концепт, исследующий будущее кинематографичного видеопроизводства. Сделано в Stepikin Lab: дизайн-система и интерактивный прототип.

Все экраны

28 экранов. Один продукт.

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

Дашборд проектов
Дашборд проектов
Промпт-композер
Промпт-композер
Генерация · 4 варианта
Генерация · 4 варианта
Сравнение и выбор
Сравнение и выбор
Стиль-трансфер
Стиль-трансфер
Цветокоррекция
Цветокоррекция
Звук
Звук
Субтитры и транскрипт
Субтитры и транскрипт
Авто-монтаж под бит
Авто-монтаж под бит
Медиа-библиотека
Медиа-библиотека
Инспектор клипа
Инспектор клипа
Командная панель
Командная панель
AI-генерация голоса
AI-генерация голоса
Сценарий и сторибоард
Сценарий и сторибоард
Прогресс рендера
Прогресс рендера
Доставка / экспорт
Доставка / экспорт
Совместная работа
Совместная работа
История версий
История версий
Активность и уведомления
Активность и уведомления
Кредиты и оплата
Кредиты и оплата
Настройки
Настройки
Пустое состояние · новый проект
Пустое состояние · новый проект
Пустое состояние · первая генерация
Пустое состояние · первая генерация
Онбординг
Онбординг
Проблема и решение

Шесть приложений, шесть подписок. Одна студия вместо них.

01 · Задача

Съёмочная команда, а не чат-бот

02 · Проблема

Шесть приложений, шесть экспортов

03 · Решение

Один таймлайн, один промпт, один проект

Боль, которую мы услышали

«Теряю 40 минут в неделю на переброску файлов между приложениями.»

Принципы в ответ
Кинематографично по умолчаниюПромпт — это входПлотность — это близостьGenerative — глаголЗаслуженная декорация
Читать подробнее

Авторы жонглируют десятком инструментов и теряют темп на стыках. Lumen объединяет генерацию, монтаж и финиш в одну быструю AI-платформу.

Задача — AI должен ощущаться как съёмочная команда, а не как чат-бот. Спроектировать пространство, где генерация по промпту, монтаж до кадра и пост-продакшн живут в одной ментальной модели — автор остаётся в работе, а не переключается между приложениями.

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

Решение — один таймлайн, один промпт, один проект. Единая студия: генерация клипов inline, AI-нарезка под бит, грейдинг через кураторские LUT и доставка — всё на одном холсте. Нативно, а не склеено скотчем.

Боль, которую мы услышали: «Теряю 40 минут в неделю на переброску файлов между приложениями.» · «AI-генерация получается шаблонной — её не получается направить.» · «Субтитры выглядят как пристройка.» · «Цветокоррекция отпугивает — даже не пытаюсь.»

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

Ранние скетчи

От набросков к каркасу.

Low-fi вайрфреймы зафиксировали информационную архитектуру до первого цветного пикселя.

01 · Генерация
02 · Редактор + таймлайн
03 · Авто-монтаж
04 · Мобильный спутник
Неделя 1Ресёрч
Неделя 2Архитектура
Неделя 3Вайрфреймы
Неделя 4UI дизайн
Неделя 5Прототип
Читать подробнее

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

Таймлайн проекта. От ресёрча и вайрфреймов — до финального UI; фокус — быстрый, бесшовный опыт автора: неделя 1 ресёрч, неделя 2 архитектура, неделя 3 вайрфреймы, неделя 4 UI дизайн, неделя 5 прототип.

Первый запуск · Редактор

Встречают, а не допрашивают. И сразу — в работу.

Lumen · Первый запуск
Онбординг: экран «Make films at the speed of thought»

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

Lumen · Редактор
Промпт-композер: кадр с аспектом, луком, камерой и вариантами

Где живёт работаБиблиотека, превью, AI-панель, многодорожечный таймлайн.

Читать подробнее

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

Редактор. Полная студия: библиотека слева, превью по центру, AI-панель справа, многодорожечный таймлайн снизу. Каждая зона сворачивается; у каждого действия — клавиатурный шорткат.

Поток генерации

От промпта до выбранного клипа.

Ввёл идею, посмотрел на четыре направления, выбрал то, что попало в замысел. Работа не покидает холст.

Промпт-композер: кадр с аспектом, луком, камерой и вариантами
01 · Промпт
Генерация · 4 варианта
02 · Генерация
Сравнение и выбор
03 · Выбор
Промпт›Генерация›Выбор›На таймлайн
Финиш

Цвет и звук — в одном окне.

Два инструмента, на которые обычно уходят дни, — теперь на том же холсте.

Lumen · Цвет
Цветокоррекция: до и после, кураторские LUT и цветовые круги

Кураторские LUT, видно по скопуДвенадцать луков, названных в честь фильмов-референсов.

Lumen · Звук
Звук

Три стема, одно ухоДиалоги, музыка, SFX — AI разводит при импорте.

Читать подробнее

Кураторские LUT держат кинематографический уровень; звуковой микшер сам пригибает музыку под речь, разделяет стемы и причёсывает room tone одним тумблером.

Цветокоррекция. Двенадцать луков, названных в честь фильмов-референсов — «Golden Hour», «Neo Tokyo», «Cold Pastoral». Живая осциллограмма держит честность. Сила — на клип, а не на весь монтаж.

Звуковой микс. Диалоги, музыка, SFX — AI распределяет их при импорте. Авто-даккинг под речь, выравнивание room tone между склейками, broadcast-safe громкость — дефолты, которые можно переопределить, но обычно незачем.

Ускорение

Монтаж, который режет себя сам.

Кинул B-roll на музыку — Авто-монтаж расставляет склейки по ритму.

Lumen · Автомонтаж
Авто-монтаж под бит
Авто-монтаж

Резка под бит — каждое решение видно и переопределяемо.

Lumen · Субтитры
Субтитры и транскрипт

Печатай спикера, не таймкод

Правишь транскрипт — субтитры подстраиваются.

Читать подробнее

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

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

Субтитры и транскрипт. Точность по словам, разделение спикеров, четыре пресета субтитров, проходящих broadcast-ревью. Правишь транскрипт — субтитры подстраиваются. Никогда наоборот.

Библиотека · Выход · Совместная работа

Найди, доведи — вместе.

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

Медиа-библиотека
Медиа-библиотека«общий план, закат, без людей»
Доставка / экспорт
ДоставкаЛюбой аспект, safe-зоны
Совместная работа
Совместная работаЗаметки на кадре
История версий
История версийЛюбая склейка восстанавливается
Читать подробнее

Медиа-библиотека — визуальный поиск по часам футажа. Поиск по содержимому, не по имени файла. Авто-теги при импорте: лица, локации, движения камеры, даже настроение. Ввёл фразу — получил шортлист с таймкодами. Хватит листать бины в два часа ночи.

Доставка — один проект, любой аспект. Пресеты доставки под каждый канал, адаптивное перекодирование и safe-area превью до рендера. Очередь рендера с пресетами: TikTok 9:16, YouTube 16:9, Instagram square, broadcast 23.976. Safe-зоны накладываются на финальное превью — субтитры не обрежутся при кропе.

Совместная работа — курсоры, комментарии, присутствие. Ревьюеры оставляют заметки, привязанные к таймкоду и области — не «секунда 47», а вот здесь, на этом кадре, в контексте. Видишь, кто на что смотрит; закрываешь треды inline — таймлайн продолжает двигаться, пока идёт критика. Мульти-курсорное присутствие и история версий делают асинхронность синхронной.

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

Системные поверхности

Тихие страницы, громкий продукт.

Настройки и оплата — с той же шрифтовой лестницей и сдержанностью: доверие строится там, где его не ждут.

Lumen · Настройки
Настройки

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

Lumen · Оплата
Кредиты и оплата

Один счёт, прозрачные счётчикиКредиты всегда видны в топбаре.

Читать подробнее

Настройки и оплата — не пристройка. Та же шрифтовая лестница, те же ритмы, та же кинематографичная сдержанность, что и на основном холсте — потому что доверие строится там, где пользователь меньше всего этого ждёт.

Настройки · AI-дефолты. Модель, аспект, рендер-пресет, субтитры, color science — задаёшь на уровне студии. Каждый новый проект наследует, каждый младший коллаборатор получает ту же базу.

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

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

Глубокий чёрный. Генеративный градиент.

Палитра
Generative Violet#8A6FD1
Studio Magenta#D168A3
Filmic Amber#FFB877
Deep Black#0A0A0C

Чёрный держит холст; фиолетовый, маджента и янтарь — генеративная сигнатура.

Шрифтовая система
Aa
3
  • 01GeistПродуктовые поверхности — 300 / 500 / 700.
  • 02Instrument SerifРедакционный курсивный акцент.
  • 03Geist MonoТаймкоды, метаданные, рендер-спеки.
Читать подробнее

Палитра. Тёплая кинематографичная система. Глубокий чёрный держит холст; фиолетовый, маджента и янтарь формируют генеративную сигнатуру; одно редакционное золото отмечает намерение. Generative Violet #8A6FD1 — поверхности, к которым прикасается AI: генерация, подсказки, магия. Studio Magenta #D168A3 — активное состояние, пульс бренда, тон, который говорит «это живое». Filmic Amber #FFB877 — кинематографичное тепло: золотой час, успешный рендер, готово к выходу. Deep Black #0A0A0C — свет в зале гаснет; каждый кинематографичный кадр начинается отсюда.

Типографика. Geist — для продуктовых поверхностей: чистый современный sans для читаемости и плотности; плотный кернинг, нейтральный скелет — работает на любом размере, от подписи до дисплея. Instrument Serif italic — редакционный акцент для героев, цитат и медленных моментов, никогда для утилитарного текста. Geist Mono 400 — технический метаслой: таймкоды, метаданные файлов, рендер-спеки, версии моделей — везде, где говорит система.

Производство

Шесть недель. Соло, с AI.

От пустого холста до интерактивного прототипа на 28 экранов — с AI на ресёрче, IA и визуальном дизайне.

3 дняРесёрч и референсы
5 днейIA, флоу, вайрфреймы
4 дняВизуальный язык и брендинг
14 днейUI дизайн — 28 экранов
4 дняПрототип и кейс-стади
FigmaFramerClaude (Sonnet 4.5)Claude CodeMidjourney v7Runway / SoraNotionGeist · Instrument Serif
Читать подробнее
  • Figma — UI дизайн, компоненты, флоу.
  • Framer — интерактивные прототипы.
  • Claude (Sonnet 4.5) — ресёрч, копирайт, ревью кода.
  • Claude Code — фронт, экраны, сборка кейса.
  • Midjourney v7 — референсы, арт для проектов.
  • Runway / Sora — моушн-референсы для AI-флоу.
  • Notion — спецификации, лог решений.
  • Geist · Instrument Serif — типографическая система.

Спасибо.

От брифа до сборки — в одном инструменте. Концепт, исследующий будущее кинематографичного видеопроизводства. Сделано в Stepikin Lab.

Create bold.
Deliver better.

See our workGet in touch