Drawstory
Продуктовый и UI/UX дизайн для AI-платформы сторибординга · 2024
AI-платформа для мгновенной генерации сторибордов, совместной работы в реальном времени и презентации клиентам.
Продуктовый дизайн
UI/UX
Дизайн-аудит
Интервью с пользователями
Графика и брендинг
Традиционный сторибординг — медленный, ручной и разрозненный. Ни один инструмент не объединял AI-генерацию, редактирование, коллаборацию и клиентскую презентацию в одном месте.
Пришла на ранней стадии MVP как единственный Product Designer. Полная ответственность от исследования конкурентов и интервью с пользователями до готовых фич и полноценной дизайн-системы.
1000+ пользователей, 20К+ сгенерированных кадров, 50+ режиссёров выбирают Drawstory. Продукт представлен на отраслевых конференциях и ведёт переговоры с корпоративными клиентами.
Исследование +
Начала с параллельного анализа конкурирующих AI-моделей, затем провела серию интервью и наблюдательных сессий, чтобы понять, как на самом деле работают творческие команды. Четыре модели генерации оценивались по соотношению скорости, управляемости и качества результата.
Оценка AI-моделей
Модель 1 — Загрузка сценария: генерация полного сторибора из написанного сценария
Модель 2 — Текст в изображение: прямая генерация кадров по промпту без исходных материалов
Модель 3 — SAM API: сегментное редактирование для точного контроля объектов внутри кадра
Модель 4 — Генератор объектов: добавление или замена элементов внутри существующего кадра
Первый пользовательский путь
Первая карта пользовательского пути — от брифа до финального экспорта, до начала визуального дизайна
Поведение пользователей и рынок
Записи интервью — боли и ментальные модели 8 специалистов из творческих команд
Матрица конкурентов — пробелы в позиционировании и точки роста
Первый lo-fi прототип — протестирован с пользователями до начала визуального дизайна
Гипотезы и дизайн-процесс +
Каждая ключевая фича прошла через гипотезу — проверку в пользовательских сессиях до включения в продукт. Это решения, которые сформировали финальный интерфейс.
Референсы и боковая панель
Коллекция референсов внутри проекта — визуальные мудборды рядом с рабочим полотном
Итерация боковой панели — инструменты доступны, не загромождая основное пространство
Система комментариев
Первая итерация — тредовые комментарии с автогруппировкой по зонам кадра
Финальная версия — упрощено до привязки к кадру; быстрее, меньше когнитивной нагрузки
Типы проектов и режимы презентации
Онбординг — типы проектов: кино, анимация, игры, e-learning
Режим списка — для детального просмотра и структурированного экспорта
Сеточный вид — режим по умолчанию для внутреннего просмотра командой
Превью анимации — для клиентских презентаций и утверждения
Экраны продукта
Результат
Продукт вышел и быстро набрал реальную аудиторию — не за счёт маркетинга, а за счёт ясности опыта. Когда интерфейс не мешает, люди сосредоточены на работе.
Drawstory был представлен на отраслевых конференциях и вступил в первые корпоративные переговоры — сигнал, что продукт вышел за рамки ранних последователей и вышел на масштабируемый рынок.
Что я хотела бы развить дальше: глубокая аналитика того, как пользователи взаимодействуют с AI-кадрами — какие правки происходят чаще всего, где люди уходят, и что это значит для модели генерации. Дизайн-система стабильна; следующий уровень качества — в петле обратной связи между дизайном и поведением AI.
Смотрите также
