Web
Mobile
Основные разделы
Проект
Adult AI-chat project
О компании
Пользователь выбирает модель из списка уже готовых или создаёт собственную. Уникальный сервис для AI-общения
совершенно без границ.
Задача
Сделать Мобильный и Десктопный дизайн для всего сервиса
Роль на проекте
Lead Product Designer
Команда
3 дизайнера

Про флоу
После того, как были завершены все прототипы, мы перешли к этапу дизайна. Стартовали с мобилок и затем перешли к десктопам. Чтобы не затягивать кейс,
буду показывать мобилки и десктопы сразу.
Ниже разместил 2 картинки, в которых отображены все кусочки флоу.
В яркой рамке будут те, которые описаны в текущей страницы
Мобильный флоу
Работу по дизайну начинали с мобилок. В этом лонгриде мы коснёмся основных разделов сервиса. Они выделены розовым
Welcome Screen
Авторизация
Главный экран (каталог)
Уведомления
404

Sign In / Sign Up
Catalog (Main)
Notifications & 404
Welcome
Десктопный флоу
На десктопном флоу также отмечены куски флоу, которые будут в этом лонгриде

Sign In / Sign Up
Catalog (Main)
Notifications & 404
Welcome
Welcome Screen
Когда пользователь неавторизован + впервые посещает сервис, мы задаём вопрос
о его предпочтениях
Male
Female
Both
Фактически это ни на что не влияет внутри сервиса, но повышает вовлечённость пользователя, потому что он думает, что сервис уже взаимодействует и будет
подстраиваться под его предпочтения.

Sign In / Sign Up
Мобильная версия
Мы даём пользователю время на бесплатное общение с моделью без авторизации. Тем самым даём попробовать наш сервис и вовлекаем в процесс.
После нескольких сообщений без логина, пользователь увидит экран авторизации, где модель с которой он только что общался, призывает его присоединиться.

Десктоп

Main Screen (Catalog)
Мобильная версия
Независимо от статуса авторизации в качестве главного экрана пользователь видит список созданных сервисом и пользователями моделей
Экран включает в себя:
Основной кей-вижуал, в виде баннера;
Поиск модели по любому параметру;
Точку входа в фильтр;
Фильтр в виде боковой панели, который позволяет настроить выдачу;
Переключатель NSFW
Предустановленные пресеты по роду деятельности, например;
Бургер меню, который заменяет сквозной сайдбар.

Десктоп

Notification
Мобильная версия
Предусмотрели системные уведомления, которые всплывают, когда в сервисе
что-то происходит

Десктоп

+180 gems
credited to balance
Error
Text error. Very very long txt error.
Few strokes or more.
Info
Text info. Very very long txt info.
Few strokes or more of text info.
Success
Text success. Very very long txt info.
Few strokes or more
Warning
Text warning. Very very long txt info.
Few strokes or more
404
Мобильная версия
Я считаю, что каждому веб-сервису нужна забавная страница 404.
Тут мы говорим, что обычных моделей пользователь тут не нашёл, но зато повстречался с лего-доминатором =)

Это были все основные экраны. Чтобы увидеть больше можно тыкнуть на ссылку ниже =)