← All work

CASE 02 · AI · AGGREGATOR

MegaGPT — Redesigning the Entry Point of an AI Product

How I rebuilt the user path from the ad promise to the repeat payment

AT A GLANCE

The case in three lines

THE PROBLEM
The brief was “refresh the design”, but the problem was the path to the first request, not the visuals.
WHAT I DID
I rebuilt the path from landing page to payment and return visit: two batches of designs, desktop and mobile.
WHAT CAME OUT
Designs handed to development, interface implemented. No conversion metrics: I had no access to data.

01

Not a refresh, a rebuilt path

MegaGPT is a Russian AI aggregator: one interface for several neural networks, no VPN, no separate subscription for each.
The task was to close the gap between what the landing page promises and what the product actually delivers.
Role: UX/UI designer, full cycle.

  • Not designed by me: the backend, token calculation and model, how the networks generate answers, the authorization flow. I designed a simplified sign-in window and the display of token spend in the interface.
  • Worked on: the entry point, information architecture, chat UX, monetization, the account area.

That frame shapes everything below.

Across the AI products I reviewed, one pattern held: services that put an action on the first screen get users to first value faster. ChatGPT and Perplexity offer the action immediately. Syntx and Unitool show a catalog of tools.

MegaGPT asked for several decisions before any action: read the benefits block, understand tokens, pick a model by hand.

StepBeforeAfter
Opens the landing pageReads the feature descriptionSees the prompt field in the hero
First actionHunts for a button in the textTypes a request right away
About payment"No subscription": unclear"Tokens never expire" (the client's wording): concrete
After a replyDead endAction panel under the reply

02

Two batches of work

The project came in as a redesign of a live product. The brief was "refresh the design." The problem turned out not to be visual.

Two batches of work. First: landing, models page, empty chat: entry and first experience. Second: monetization, states after generation, the account area; it came with four working days.

Constraints: four working days for the second batch, a fixed scope, designs in Figma for desktop and mobile.

I handed the designs of both batches to development with recommendations; the interface is implemented.

The whole process ran in a pair with Claude. I explain how near the end.

03

Claude as generator and critic

The project ran through Claude as an option generator and a systems critic. The architectural decisions stayed mine.

  • Claude proposed /models as a conversion funnel with a side panel for picking a model. I rejected it: for an aggregator with a small set of models that is premature complexity, and the advice not to compare models contradicted the USP my research found: price transparency.
  • While I was designing error states, Claude proposed a separate "Retry" screen on top of the generation-error screen. I merged them into one state: it was one scenario split into two artifacts for no reason.

The AI held context at a scale I couldn't hold in my head: prioritizing 30 ideas by complexity and effect, and every monetization state across two platforms. What to keep and what to reject was my call.

04

The user path and its transitions

Acquire → Activate → Monetize → Retain → Return

StageScreenWhat it had to solve
AcquireLanding, heroShow the value in 5 seconds
ActivateChat, empty stateGet to the first request without friction
MonetizeChat, payment overlayDon't lose the user at payment
RetainAccountTransparent spending, trust in paying
ReturnChat historyA quick way back on the second visit

Fig. 1. From the landing page to the return visit

Scheme: MegaGPT user path from landing page to the return visitThe user path of an AI aggregator in five stages. 01 Landing (Acquire): the page shows the value in five seconds. 02 First request (Activate): the user gets to the first request without friction. 03 Pay in chat (Monetize): payment happens inside the chat so the user is not lost. 04 Account (Retain): spending is transparent and payment is trusted. 05 Chat history (Return): the second visit starts from the earlier chats. The scheme stresses transitions between stages, not individual screens. ACQUIRE LANDING 01 ACTIVATE FIRST REQUEST 02 MONETIZE PAY IN CHAT 03 RETAIN ACCOUNT 04 RETURN CHAT HISTORY 05 MAIN FLOW
Scheme: MegaGPT user path from landing page to the return visitThe user path of an AI aggregator in five stages. 01 Landing (Acquire): the page shows the value in five seconds. 02 First request (Activate): the user gets to the first request without friction. 03 Pay in chat (Monetize): payment happens inside the chat so the user is not lost. 04 Account (Retain): spending is transparent and payment is trusted. 05 Chat history (Return): the second visit starts from the earlier chats. The scheme stresses transitions between stages, not individual screens. ACQUIRE LANDING 01 ACTIVATE FIRST REQUEST 02 MONETIZE PAY IN CHAT 03 RETAIN ACCOUNT 04 RETURN CHAT HISTORY 05 MAIN FLOW
From the landing page to the return visit

The design focus became transitions, not screens: every screen leads to the next step.

05

Decisions: from request to payment

Observation: products that offer the action before the explanation get users to a first request faster than catalogs do.

ProductEntry point
ChatGPTPrompt
PerplexitySearch
SyntxWorkspace, long scroll
UnitoolA list: a catalog, not a product

Decision 1. A hero with a prompt that leads straight into the chat, not "learn more."
Decision 2. /models is a showcase outside the main path, not a required step. The chat defaults to automatic model selection.
Fig. 2. The request becomes the entry point; the catalog stands apart
Decision 3. "No subscription" → "Tokens never expire". The condition is in the client's wording; I did not design the calculation or commercial parameters, I designed how token spend is displayed.
Decision 4. Monetization is an overlay inside the chat, not a separate page. Four contextual headings for different balance and plan states.
Fig. 3. The payment overlay and the return to the same chat (interactive mockup)
Decision 5. An action panel after the reply, tied to the content type, instead of one universal "retry."
Fig. 4. The action panel after a reply

Hero

Problem: nothing on screen states the main advantage for a Russian audience.
Decision: the line "Access to neural networks without VPN" and a button straight into the chat.
Intent: value reads before the text does.

Chat: the first request

Problem: no first-visit scenario, and a dead end after a reply.
Decision: an empty state with the field in focus, an action panel under every reply.
Intent: the user starts acting on the first screen, with no layer of explanation.

Monetization

Problem: payment sits outside the task, one wording for every situation.
Decision: an overlay in the chat, four contextual headings, a return to the same conversation.
Intent: the paywall doesn't throw the user out of a task they already started.

Account

Problem: a flat list of data; "Delete account" looks as weighty as "Choose a plan."
Users need to see where their tokens go and what they get for their money, or trust in paying never forms.
Decision: five zones: Balance, Plan, Profile, Statistics, Spending history. Account deletion is a separate action with two-step confirmation.
Intent: transparent spending as a condition for paying again.

Scheme: the request becomes the entry point, the model catalog stays apartThe entry to the product. 01 Prompt field: the user starts with a request. 02 Chat, Auto: the model is chosen automatically and the conversation begins. 03 Reply: the user receives the answer. A separate route leads from the prompt field to the model catalog, where the user can pick a model manually. The manual pick becomes a state of the chat in step 02. The catalog is not required for the main flow: the path to the first reply does not depend on it. PROMPT FIELD 01 CHAT, AUTO 02 REPLY 03 MODEL CATALOG MANUAL PICK MAIN FLOW SEPARATE ROUTE
Scheme: the request becomes the entry point, the model catalog stays apartThe entry to the product. 01 Prompt field: the user starts with a request. 02 Chat, Auto: the model is chosen automatically and the conversation begins. 03 Reply: the user receives the answer. A separate route leads from the prompt field to the model catalog, where the user can pick a model manually. The manual pick becomes a state of the chat in step 02. The catalog is not required for the main flow: the path to the first reply does not depend on it. PROMPT FIELD 01 CHAT, AUTO 02 REPLY 03 MODEL CATALOG MANUAL PICK MAIN FLOW SEPARATE ROUTE
The request becomes the entry point; the catalog stands apart

The request became the way into the product; the model catalog stayed an optional showcase.

Scheme: payment overlay and the return to the same chatThe payment overlay in four steps. 01 Request: the user sends a request. 02 Balance, plan: the system checks the balance and the plan. 03 Overlay: a payment layer opens above the chat. 04 Same chat: after payment the user returns to the same conversation. The overlay has four states with their own headings: no plan, active plan, low balance, zero balance. The state depends on what the check at step 02 finds, and the user never loses the current conversation. REQUEST 01 BALANCE, PLAN 02 OVERLAY 03 SAME CHAT 04 NO PLAN ACTIVE PLAN LOW BALANCE ZERO BALANCE MAIN FLOW
Scheme: payment overlay and the return to the same chatThe payment overlay in four steps. 01 Request: the user sends a request. 02 Balance, plan: the system checks the balance and the plan. 03 Overlay: a payment layer opens above the chat. 04 Same chat: after payment the user returns to the same conversation. The overlay has four states with their own headings: no plan, active plan, low balance, zero balance. The state depends on what the check at step 02 finds, and the user never loses the current conversation. REQUEST 01 BALANCE, PLAN 02 OVERLAY 03 SAME CHAT 04 NO PLAN ACTIVE PLAN LOW BALANCE ZERO BALANCE MAIN FLOW
The payment overlay and the return to the same chat (interactive mockup)

Payment opens in the chat over the conversation and returns the user to the same chat.

Scheme: the action panel after a reply and the error with retryWhat happens after a reply. 01 Reply: the model answers. 02 Content type: the system recognizes the type of the answer. 03 Action panel: commands that fit that type appear under the reply. 04 Next request: the user continues from the result. A separate state covers the error: it shows the error and the retry action together, in one place, without a separate error screen. The main flow stays a loop from reply to the next request. REPLY 01 CONTENT TYPE 02 ACTION PANEL 03 NEXT REQUEST 04 ERROR, RETRY MAIN FLOW SEPARATE ROUTE
Scheme: the action panel after a reply and the error with retryWhat happens after a reply. 01 Reply: the model answers. 02 Content type: the system recognizes the type of the answer. 03 Action panel: commands that fit that type appear under the reply. 04 Next request: the user continues from the result. A separate state covers the error: it shows the error and the retry action together, in one place, without a separate error screen. The main flow stays a loop from reply to the next request. REPLY 01 CONTENT TYPE 02 ACTION PANEL 03 NEXT REQUEST 04 ERROR, RETRY MAIN FLOW SEPARATE ROUTE
The action panel after a reply

After a reply, error and retry share one state, and the actions depend on the content type.

06

Result and handoff

There are no live conversion metrics: I have no access to production data. I won't invent numbers.

If the product went live, I would measure: the share of users who reach a first request in a session; soft versus hard paywall conversion; the share of repeat requests after the action panel.

What I'd do differently: start with the CJM and competitor analysis before touching copy, not in parallel. Some landing decisions had to be revisited.

That is why the main object of design here became the transitions between screens, not the screens. Each screen is the next step of a scenario, not a standalone unit of interface.