← Все работы

КЕЙС 02 · AI · АГРЕГАТОР

MegaGPT — редизайн точки входа в AI-продукт

Как я пересобрал путь пользователя от рекламного обещания до повторного платежа

КРАТКО

Кейс в трёх строках

ЗАДАЧА
Просили «обновить дизайн», но проблема была в пути до первого запроса, а не в визуале.
ЧТО СДЕЛАЛ
Пересобрал путь от лендинга до оплаты и повторного визита: две очереди макетов, десктоп и мобильные.
ЧТО ВЫШЛО
Макеты переданы разработке, интерфейс реализован. Метрик конверсии нет: доступа к данным не было.

01

Не обновить дизайн, а пересобрать путь

MegaGPT — российский AI-агрегатор: единый интерфейс для нескольких нейросетей без VPN и без отдельной подписки на каждую.
Задача — закрыть разрыв между обещанием на лендинге и реальной работой в продукте.
Роль: UX/UI дизайнер, полный цикл.

  • Не проектировал: backend, расчёт и модель токенов, генерацию ответов нейросетей, сценарий авторизации. Спроектировал упрощённое окно входа и отображение расхода токенов в интерфейсе.
  • Работал с: точкой входа, информационной архитектурой, UX чата, монетизацией, личным кабинетом.

Это определяет рамку всего, что дальше.

В изученных AI-продуктах закономерность одна: сервисы с действием на первом экране быстрее доводят пользователя до первой ценности. ChatGPT и Perplexity дают действие сразу. Syntx и Unitool показывают каталог инструментов.

MegaGPT требовал нескольких решений до первого действия: прочитать блок о преимуществах, понять токены, выбрать модель вручную.

ШагБылоСтало
Открыл лендингЧитает описание функцийВидит поле запроса в hero
Первое действиеИщет кнопку среди текстаПишет запрос сразу
Про оплату«Без подписки» — неясно«Токены не сгорают» (по словам заказчика) — конкретно
После ответаТупикПанель команд под ответом

02

Две очереди задач

Проект пришёл как редизайн действующего продукта. Формулировка задачи — «обнови дизайн». Проблема оказалась не в визуале.

Две очереди задач. Первая: лендинг, страница моделей, пустой чат — вход и первый опыт. Вторая: монетизация, состояния после генерации, личный кабинет; на неё было четыре рабочих дня.

Ограничения: четыре рабочих дня на вторую очередь, фиксированный объём, макеты в Figma под десктоп и мобильные устройства.

Макеты обеих очередей я передал разработке с рекомендациями; интерфейс реализован.

Весь процесс шёл в паре с Claude. Как именно — разберу ближе к концу кейса.

03

Claude как генератор и критик

Проект шёл через Claude — как генератор вариантов и системный критик. Архитектурные решения оставались за мной.

  • Claude предложил /models как воронку конверсии с боковой панелью выбора модели. Я отклонил: для агрегатора с небольшим набором моделей это преждевременная сложность, а совет «не сравнивать модели» противоречил УТП, найденному в исследовании, — прозрачности цены.
  • При проектировании ошибок Claude предложил отдельный экран «Повторить» поверх экрана ошибки генерации. Я объединил их в одно состояние: это один сценарий, разложенный на два артефакта без причины.

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

04

Путь пользователя и его переходы

Acquire → Activate → Monetize → Retain → Return

СтадияЭкранЧто решалось
AcquireЛендинг, heroПоказать ценность за 5 секунд
ActivateЧат, пустое состояниеДовести до первого запроса без трения
MonetizeЧат, оверлей оплатыНе потерять пользователя на оплате
RetainЛичный кабинетПрозрачность расходов, доверие к оплате
ReturnИстория чатовБыстрый вход во второй визит

Рис. 1. Путь от лендинга до повторного визита

Схема: путь пользователя MegaGPT от лендинга до повторного визитаПуть пользователя AI-агрегатора в пять стадий. 01 Лендинг (привлечение): страница показывает ценность за пять секунд. 02 Первый запрос (активация): пользователь доходит до первого запроса без трения. 03 Оплата в чате (монетизация): оплата проходит внутри чата, чтобы не потерять пользователя. 04 Личный кабинет (удержание): расходы прозрачны, оплате доверяют. 05 История чатов (возврат): второй визит начинается с прежних диалогов. Схема подчёркивает переходы между стадиями, а не отдельные экраны. ПРИВЛЕЧЕНИЕ ЛЕНДИНГ 01 АКТИВАЦИЯ ПЕРВЫЙ ЗАПРОС 02 МОНЕТИЗАЦИЯ ОПЛАТА В ЧАТЕ 03 УДЕРЖАНИЕ ЛИЧНЫЙ КАБИНЕТ 04 ВОЗВРАТ ИСТОРИЯ ЧАТОВ 05 ОСНОВНОЙ ПОТОК
Схема: путь пользователя MegaGPT от лендинга до повторного визитаПуть пользователя AI-агрегатора в пять стадий. 01 Лендинг (привлечение): страница показывает ценность за пять секунд. 02 Первый запрос (активация): пользователь доходит до первого запроса без трения. 03 Оплата в чате (монетизация): оплата проходит внутри чата, чтобы не потерять пользователя. 04 Личный кабинет (удержание): расходы прозрачны, оплате доверяют. 05 История чатов (возврат): второй визит начинается с прежних диалогов. Схема подчёркивает переходы между стадиями, а не отдельные экраны. ПРИВЛЕЧЕНИЕ ЛЕНДИНГ 01 АКТИВАЦИЯ ПЕРВЫЙ ЗАПРОС 02 МОНЕТИЗАЦИЯ ОПЛАТА В ЧАТЕ 03 УДЕРЖАНИЕ ЛИЧНЫЙ КАБИНЕТ 04 ВОЗВРАТ ИСТОРИЯ ЧАТОВ 05 ОСНОВНОЙ ПОТОК
Путь от лендинга до повторного визита

Главным объектом проектирования стали не экраны, а переходы: каждый экран ведёт к следующему шагу.

05

Решения: от запроса до оплаты

Наблюдение: продукты с действием раньше объяснения быстрее доводят до первого запроса, чем каталоги.

ПродуктТочка входа
ChatGPTЗапрос
PerplexityПоиск
SyntxРабочее пространство, длинный скролл
UnitoolСписок: каталог, не продукт

Решение 1. Hero с запросом, который ведёт прямо в чат, а не «узнать больше».
Решение 2. /models — витрина вне основного пути, не обязательный шаг. В чате по умолчанию работает автовыбор модели.
Рис. 2. Запрос становится точкой входа; каталог доступен отдельно
Решение 3. «Без подписки» → «Токены не сгорают». Условие в формулировке заказчика; расчёт и коммерческие параметры не проектировал, спроектировал отображение расхода токенов.
Решение 4. Монетизация — оверлей в чате, не отдельная страница. Четыре контекстных заголовка под разные состояния баланса и тарифа.
Рис. 3. Оверлей оплаты и возврат в тот же диалог (интерактивный макет)
Решение 5. Панель команд после ответа, привязанная к типу контента, а не универсальное «повторить».
Рис. 4. Панель команд после ответа

Hero

Проблема: на экране нет главного преимущества для российской аудитории.
Решение: строка «Доступ к нейросетям без VPN», кнопка прямо в чат.
Цель: чтобы ценность считывалась до чтения текста.

Чат — первый запрос

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

Монетизация

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

Личный кабинет

Проблема: плоский список данных; «Удалить аккаунт» визуально равен «Выбрать план».
Пользователь должен понимать, куда уходят токены и что он получает за деньги, иначе доверие к оплате не складывается.
Решение: пять зон — Баланс, Пакет, Профиль, Статистика, История списаний. Удаление аккаунта вынесено в отдельное действие с двухшаговым подтверждением.
Цель: прозрачность расходов как условие повторной оплаты.

Схема: запрос как точка входа, каталог моделей отдельноВход в продукт. 01 Поле запроса: пользователь начинает с запроса. 02 Чат, Авто: модель выбирается автоматически, начинается диалог. 03 Ответ: пользователь получает результат. Отдельный маршрут ведёт от поля запроса к каталогу моделей, где можно выбрать модель вручную. Ручной выбор становится состоянием чата на шаге 02. Каталог не обязателен для основного потока: путь к первому ответу от него не зависит. ПОЛЕ ЗАПРОСА 01 ЧАТ, АВТО 02 ОТВЕТ 03 КАТАЛОГ МОДЕЛЕЙ РУЧНОЙ ВЫБОР ОСНОВНОЙ ПОТОК ОТДЕЛЬНЫЙ МАРШРУТ
Схема: запрос как точка входа, каталог моделей отдельноВход в продукт. 01 Поле запроса: пользователь начинает с запроса. 02 Чат, Авто: модель выбирается автоматически, начинается диалог. 03 Ответ: пользователь получает результат. Отдельный маршрут ведёт от поля запроса к каталогу моделей, где можно выбрать модель вручную. Ручной выбор становится состоянием чата на шаге 02. Каталог не обязателен для основного потока: путь к первому ответу от него не зависит. ПОЛЕ ЗАПРОСА 01 ЧАТ, АВТО 02 ОТВЕТ 03 КАТАЛОГ МОДЕЛЕЙ РУЧНОЙ ВЫБОР ОСНОВНОЙ ПОТОК ОТДЕЛЬНЫЙ МАРШРУТ
Запрос становится точкой входа; каталог доступен отдельно

Запрос стал входом в продукт, а каталог моделей остался необязательной витриной.

Схема: оверлей оплаты и возврат в тот же диалогОверлей оплаты в четыре шага. 01 Запрос: пользователь отправляет запрос. 02 Баланс и тариф: система проверяет баланс и тариф. 03 Оверлей: над чатом открывается слой оплаты. 04 Тот же диалог: после оплаты пользователь возвращается в тот же диалог. У оверлея четыре состояния со своими заголовками: без тарифа, есть тариф, токены на исходе, баланс ноль. Состояние зависит от результата проверки на шаге 02, текущий диалог пользователь не теряет. ЗАПРОС 01 БАЛАНС И ТАРИФ 02 ОВЕРЛЕЙ 03 ТОТ ЖЕ ДИАЛОГ 04 БЕЗ ТАРИФА ЕСТЬ ТАРИФ ТОКЕНЫ НА ИСХОДЕ БАЛАНС НОЛЬ ОСНОВНОЙ ПОТОК
Схема: оверлей оплаты и возврат в тот же диалогОверлей оплаты в четыре шага. 01 Запрос: пользователь отправляет запрос. 02 Баланс и тариф: система проверяет баланс и тариф. 03 Оверлей: над чатом открывается слой оплаты. 04 Тот же диалог: после оплаты пользователь возвращается в тот же диалог. У оверлея четыре состояния со своими заголовками: без тарифа, есть тариф, токены на исходе, баланс ноль. Состояние зависит от результата проверки на шаге 02, текущий диалог пользователь не теряет. ЗАПРОС 01 БАЛАНС И ТАРИФ 02 ОВЕРЛЕЙ 03 ТОТ ЖЕ ДИАЛОГ 04 БЕЗ ТАРИФА ЕСТЬ ТАРИФ ТОКЕНЫ НА ИСХОДЕ БАЛАНС НОЛЬ ОСНОВНОЙ ПОТОК
Оверлей оплаты и возврат в тот же диалог (интерактивный макет)

Оплата открывается в чате поверх диалога и возвращает пользователя в тот же диалог.

Схема: панель команд после ответа и состояние ошибки с повторомЧто происходит после ответа. 01 Ответ: модель отвечает. 02 Тип контента: система определяет тип ответа. 03 Панель команд: под ответом появляются команды, подходящие этому типу. 04 Следующий запрос: пользователь продолжает с полученного результата. Отдельное состояние описывает ошибку: ошибка и действие «Повторить» показаны вместе, в одном месте, без отдельного экрана ошибки. Основной поток остаётся циклом от ответа к следующему запросу. ОТВЕТ 01 ТИП КОНТЕНТА 02 ПАНЕЛЬ КОМАНД 03 СЛЕДУЮЩИЙ ЗАПРОС 04 ОШИБКА, ПОВТОРИТЬ ОСНОВНОЙ ПОТОК ОТДЕЛЬНЫЙ МАРШРУТ
Схема: панель команд после ответа и состояние ошибки с повторомЧто происходит после ответа. 01 Ответ: модель отвечает. 02 Тип контента: система определяет тип ответа. 03 Панель команд: под ответом появляются команды, подходящие этому типу. 04 Следующий запрос: пользователь продолжает с полученного результата. Отдельное состояние описывает ошибку: ошибка и действие «Повторить» показаны вместе, в одном месте, без отдельного экрана ошибки. Основной поток остаётся циклом от ответа к следующему запросу. ОТВЕТ 01 ТИП КОНТЕНТА 02 ПАНЕЛЬ КОМАНД 03 СЛЕДУЮЩИЙ ЗАПРОС 04 ОШИБКА, ПОВТОРИТЬ ОСНОВНОЙ ПОТОК ОТДЕЛЬНЫЙ МАРШРУТ
Панель команд после ответа

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

06

Результат и передача

Живых метрик конверсии нет: у меня нет доступа к продовым данным. Цифры не выдумываю.

Если бы продукт пошёл в прод, я бы измерял: долю пользователей, дошедших до первого запроса за сессию; конверсию мягкого и жёсткого paywall; долю повторных запросов после панели команд.

Что сделал бы иначе: начал бы с CJM и конкурентного анализа до правок текста, а не параллельно. Часть решений по лендингу пришлось пересматривать.

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