Web
Mobile
Partner Program
Project
Adult AI-chat project
About
The user selects a model from the list of ready -made ones or creates his own.
Task
Make a mobile and desktop design for partner
Role
Lead Product Designer
Team
3 designers
About Flow
After completing all the prototypes, we moved on to the design phase. We started with mobile screens first, then transitioned to desktop. To keep the case study concise, I’ll be showing both mobile and desktop versions side by side.
Below, you’ll find two images illustrating all sections of the flow.
The areas highlighted with a bright border represent the parts covered on this page.
Based on analytics from previous projects, most users who engage with the affiliate program do so from desktop devices. That’s why it was essential to make the experience optimized for larger screens — and why we started with desktop first.
The affiliate program is divided into several key sections:
Affiliate Dashboard — overview of referral performance, link sharing, and rewards.
Withdraw Funds — interface for requesting payouts and viewing available balances.
Onboarding — a brief walkthrough explaining how the program works and how to get started.
History — a detailed log of invited users, earnings, and withdrawal transactions.
Partnerchats
Mobile Flow
Partnerchats
A little more
About the program
The core idea of the referral system is that a user creates their own public character and promotes it in any way they like. For every interaction others have with that character, the creator earns referral coins.
For example:
Sending a message to a model costs 1 coin — the creator of that model earns approximately 5% of that cost.
The more users interacting with the character, the more activity — and the greater the earnings.
Desktop
When a user opens the affiliate program section for the first time, they see:
Tabs to switch between different sections
Overall stats, all showing zero (since it’s the user's first visit)
A clear entry point to onboarding labeled “How to earn your first money”
A highlighted example character who has already earned some coins — this is a fictional persona designed to attract attention and motivate the user by implying they could withdraw X coins, as suggested by the system’s prompt.
If the user clicks “Withdraw”, the system informs them that this character was created by another user and has already earned X coins.
Instead of proceeding with a withdrawal, the button now prompts the user to “Create Your Own Character” — encouraging them to start earning through their own model.
When the user taps “How to earn your first money”, an onboarding flow opens, explaining the core mechanics of the affiliate program.
If the user already has several characters from which he earns, then the main screen will look a little different
How much is available to the conclusion; button “WithDRAW”; list of characters with the “Share” button
The user receives money for messages, likes and photos, sent model.
When the user clicks the “Withdraw” button, a modal opens where they can enter the withdrawal amount and choose a payment method.
Payouts are typically processed within 14 days.
The transaction history is implemented as a simple table displaying each request along with its status.
Mobile version
The user first opened the platform.
If there are already created characters.
Onboarding
Withdraw process
The history of withdraw
