SaaS / UX/UI Дизайн2025

AI Presentation

Трансформация MVP генератора презентаций в полноценное приложение.

Role

UX/UI Дизайнер

Tech Stack

FigmaMiro

Контекст

Один из клиентов (NDA) заметил растущий спрос на AI-сервисы для генерации презентаций и в короткие сроки запустил MVP. Основной фокус был сделан на проверку гипотезы спроса и скорости вывода продукта на рынок, без предварительных UX-исследований и валидации пользовательских сценариев. Продукт привлёк значительный объём трафика, что подтвердило рыночный интерес к решаемой задаче.

Сигналы проблемы

После запуска MVP и анализа пользовательского поведения были зафиксированы следующие метрики:

Churn rate: ~90%;
Стабильный приток новых юзеров: +200 DAU;
Нормальный уровень регистраций: ~80%;

Формулировка проблемы

Пользователи проходили ключевой сценарий (генерация презентации), но не достигали устойчивого ценностного результата и покидали продукт в рамках первых сессий. Продукт обещал результат, но интерфейс и слабый функционал мешали его получить.

UX-гипотеза

Интерфейс не поддерживает ментальную модель пользователя AI-сервисов;
Игнорируются устоявшиеся best practices интерфейсов АI-сервисов;
Создается избыточная когнитивная нагрузка в ключевых сценариях;
Сервис обладает слабым набором вспомогательных функций, необходимых для решения задачи пользователя.

UX-аудит MVP

Перед редизайном был проведён UX-аудит текущего интерфейса. Ниже представлены ключевые проблемы, выявленные в продукте.

1. Линейный сценарий - отсутствие архитектуры

Проблема

MVP начинался с prompt-инпута без чёткого ценностного контекста и объяснения того, как устроен продукт. Интерфейс игнорировал привычные паттерны AI-инструментов и строился как линейная цепочка: Вход → Ввод темы → Генерация → Результат.

отсутствовал общий сценарий;
прошлые генерации скрыты во вкладке «History»;
отсутствовал демо-режим;
регистрация предлагалась принудительно после первой генерации, прерывая сценарий пользователя;
слабый функционал prompt-инпута - отсуствие возможности обогатить промпт контекстом;

UX-эффект

сервис воспринимался как одноразовый инструмент;
снижалось чувство контроля над результатом;
страх закрыть вкладку из-за неочевидного расположения истории генераций;
негатив при прерывании сценария и принудительной генерации;
низкое доверие к сервису.

Решение

Была пересобрана архитектура продукта и внедрена Workspace-модель.

1. Разделение маркетингового сайта и рабочей среды:

создана отдельная посадочная страница с чёткой коммуникацией ценности;
генерация презентаций вынесена в отдельную рабочую среду(приложеие);
добавлен демо-режим с полным доступом к функционалу приложения;
регистрация стала осознанным выбором пользователя до начала работы.

BEFORE

AFTER

2. Проектирование рабочей среды:

создан Sidebar с проектной структурой (папки), поиском, историей и хранилищем;
создан Header для Workspaces с индикацией текущего тарифа, уведомлениями, breadcrumbs и профилем;
доработан функционал основного prompt-инпута в соответствии с возможностями модели.

Проектирование рабочей среды сервиса

2. Ограниченный функционал редактора слайдов

Проблема

В MVP редактор слайдов представлял собой функционально ограниченный инструмент, который не позволял пользователю полноценно управлять контентом:

отсутствовал Filmstrip (навигация только через скроллинг);
изменение порядка и удаление слайдов через неудобные локальные кнопки;
использовался общий хедер сайта вместо отдельного интерфейса редактора;
отсутствовали инструменты кастомизации стилей карточки слайда;
был доступен только один стиль презентации и три шаблона для слайда;
отсутствовал AI-энхансер текста спикера;
отсуствовало хранилище ассетов;
отсутствовала индикация затрат токенов.

UX-эффект

ощущение непрофессионального инструмента;
высокая нагрузка при работе с длинными презентациями;
частые перегенерации «с нуля» вместо точечного редактирования;
чувство оганиченности
крайне низкая мотивация к оплате тарифа.

“Пользователь доходил до результата, но не мог довести его до уровня 'готово к использованию'”

Ключевой вывод из фидбека

Решение

Разработан полноценный WYSIWYG-редактор слайдов.

1. Навигация в редакторе:

добавлен Filmstrip с миниатюрами слайдов и Drag-and-drop;
функции управления слайдом вынесены в Speed Dials;
введён собственный Header редактора с Breadcrumbs;
добавлены функции Share, Remake, Play, Download, Global Settings.

BEFORE

AFTER

2. Расширенная кастомизация:

создан полноценный редактор стилей карточки;
добавлены 32 стиля презентации по 10–16 шаблонов страниц в каждом стиле;
улучшен редактор изображений с доступом к внутреннему хранилищу, переключением моделей и индикацией токенов.

BEFORE

AFTER

Global Style Editor

3. AI-ассистент внутри редактора:

AI интегрирован как контекстный помощник для работы с текстом и структурой.

AI Assistant Integration

4. AI-ассистент для текста спикера:

Блок Text Speaker вынесен в отдельную сущность и усилен AI-функциями.

AI Assistant for Speaker Notes

3. Отсутствие системы управления проектами

Проблема

В MVP логика хранения презентаций была реализована как простая страница History, в виде сплошного списка прошлых генераций без контекста.

Отсутствовали:

группировка по проектам;
теги;
фильтрация;
поиск;
функции импорта/экспорта;
запуск новой генерации прямо из списка проектов.

UX-эффект

сложность работы при росте количества презентаций;
невозможность организовать рабочее пространство;
чувство замкнутости и неполноценности сервиса.

Решение

1. Система управления файлами:

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

BEFORE

AFTER

Итог проекта: от MVP к полноценному сервису

В результате глубокой переработки архитектуры и интерфейса сервис трансформировался из линейного генератора в полноценную AI-рабочую среду. Я не просто «перекрасил» интерфейс, а фундаментально изменил пользовательский опыт.

Что это дало бизнесу и пользователям:

Оптимизация воронки и Time-to-Value: Внедрение демо-режима и проработка посадочной страницы позволило радикально снизить порог входа. Пользователь достигает «Aha-момента» и осознает ценность продукта до столкновения с барьерами в виде регистрации или оплаты.
Формирование LTV и и снижение оттока: Переход к структурированному Workspace с поддержкой импорта данных превратил сервис из «одноразового» генератора в персональный хаб знаний. Накопительная ценность проектов и библиотека шаблонов создают долгосрочную мотивацию возвращаться в продукт.
PMF: Разработка WYSIWYG-редактора с AI-ассистентом и 32 дизайн-системами позволила закрыть полный цикл подготовки презентации «в одном окне». Мы совместили скорость ИИ с возможностью тонкой настройки результата, исключив необходимость стороннего софта.

Что дальше?

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

Главный инсайт

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

Kirill Che