Design
Project
Adult AI-chat project
About
The user can choose from a list of ready-made AI models or create their own. A unique, boundary-free service for AI-powered conversations.
Task
Design a high-level structure for the initial discussion with the business team, followed by the development of a detailed prototype
Role
Lead Product Designer
Team
3 designers
High-level wireframes
Before starting the work, we held several kickoff meetings with the business team to identify key details and features planned for the initial stage.
As a reference point, we selected one of the most relevant competitors to benchmark against in the early phases.
General picture
To understand what sections in principle will be in the service, screens were placed in the form of a flow and painted the main dependencies
As a result, we identified several core entities:
Homepage — also serves as the full list of available models
Models I'm already chatting with
Chat list and detailed chat view
Model creation flow
Support
User profile
Home (high-level)
Active models (high-level)
Chat (high-level)
Creating a model (high-level)
The killer feature of our service is the ability to create a model from a photo.
Upload a photo into the service
AI generates a model that resembles the photo
Fill in additional parameters
We decided to give users the option to either create a model based on a photo or manually enter all the data themselves. This logic was also reflected in the high-level prototypes.
Support (high-level)
As a hypothesis, we proposed integrating support as one of the chats in the main chat list to make access seamless for users.
(Spoiler: we later dropped this idea in favor of using JivoSite instead.)
Detailed wireframes
While the features and screens in the high-level design stage were fairly rough, in the detailed prototyping phase we focused on thoroughly refining every element and interaction. This ensures that when we move on to the design stage, we won’t need to make functional decisions on the fly — everything will already be clearly defined.4o
We began detailing the prototypes using a mobile-first approach, since the majority of traffic is expected to come from mobile devices.4o
The result was a highly detailed flow with all transitions mapped out and a well-thought-out screen logic.
The prototypes were displayed for an authorized and unauthorized user, and also thought out the entrance points into each section
n the end, we identified the following core entities:
Authorization
Homepage — also the full list of models
Chat
Model Creation
With photo upload
Manual input
User Profile
Coin top-up
My Created Models
Support
There ended up being quite a few screens, so for convenience, I’ll present full sections of the flow.
Sign In (Detail)
The main screen (Detail)
Chat (Detail)
Creating a model (Detail)
Profile (Detail)
Coin Top Up (Detail)
My models (Detail)
Support (Detail)
