Веб-сервис Yeta AI: синхронный ИИ-дубляж YouTube-видео

Задача

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

Что мы сделали

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

1. Старт

   Аналитика и постановка

   • Аналитика

   Разобрали продукт и пользователей, описали сценарии и определили состав первой версии.

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

   Путь пользователя

   1. YouTube-видеоссылка от пользователя
   2. ИИ-дубляжсинхронный перевод и озвучка
   3. Готовое видеона другом языке
2. Первая версия

   Первая версия интерфейса

   • Прототип

   Первая версия уже решала главную задачу: вставил ссылку, выбрал язык и ждёшь. Слева список видео, сверху выбор модели Yeta 1.0, 2.0 или 3.0, под полем три подсказки: вставить ссылку, дождаться обработки, смотреть на своём языке.

   • Один главный экран. Поле для ссылки по центру, всё остальное по краям.
   • Модели. Выбор между Yeta 1.0, 2.0 и 3.0.
   • Подсказки. Три коротких шага под полем ввода.

   

3. Далее

   Продуктовый дизайн

   • Дизайн

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

   • Список видео. Слева история: можно продолжить смотреть без повторной обработки.
   • Настройка просмотра. Громкость дубляжа и оригинала, субтитры и выбор языка в одном окне.
   • Подписка. Внизу остаток минут и переход к тарифам.
   • Запуск на Product Hunt. Над интерфейсом плашка с призывом поддержать запуск.

   

4. Спринтами

   Серверная часть, интерфейсы и ИИ

   • Разработка
   • ИИ

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

   • Интерфейсы. Личный кабинет и экраны сервиса.
   • Серверная архитектура. Основа, которая растёт вместе с продуктом.
   • Подключение ИИ. Модуль дубляжа связан с интерфейсом, пользователь видит статус задачи.

   Из чего собран продукт

   1. Интерфейсыэкраны и дизайн-система
   2. Серверная архитектурамасштабируемая основа
   3. Модуль ИИсинхронный дубляж
5. Запуск

   Запуск и развитие

   • Развитие

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

   • План доработок. Зафиксировали, что добавляем дальше, по реальным данным использования.

   Запуск

   1. Перенос на серверработающий сайт
   2. Аналитикацели и заявки
   3. Передачадоступы и обучение
   4. Развитиеновые тарифы и функции

Как сервис объясняет себя

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

Видео о сервисе

Как работает Yeta AI, проще показать, чем описать: ролик на нашем YouTube-канале за 40 секунд объясняет, как смотреть любое видео на своём языке.

Рекламные баннеры

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

Решение

• Полный цикл in-house: продуктовый дизайн, серверная архитектура и интерфейсы в одной команде
• Синхронный ИИ-дубляж YouTube-видео как основная функция продукта
• Дизайн-система, на которой можно добавлять тарифы, роли и функции без переделки
• Сервис объясняет себя на главном экране: три шага и подсказки прямо в интерфейсе
• История просмотра и настройка громкости дубляжа и субтитров: смотреть можно без повторной обработки

Что вошло в работу

• Продуктовый дизайн
• Серверная архитектура
• Интерфейсы
• Интеграция ИИ
• Личный кабинет
• Аналитика

Отзыв клиента