Web
Mobile
Сервис создания модели
Проект
Adult AI-chat project
О компании
Пользователь выбирает модель из списка уже готовых или создаёт собственную. Уникальный сервис для AI-общения
совершенно без границ.
Задача
Сделать Мобильный и Десктопный дизайн для чатов и звонков
Роль на проекте
Lead Product Designer
Команда
3 дизайнера
Про флоу
После того, как были завершены все прототипы, мы перешли к этапу дизайна. Стартовали с мобилок и затем перешли к десктопам. Чтобы не затягивать кейс,
буду показывать мобилки и десктопы сразу.
Ниже разместил 2 картинки, в которых отображены все кусочки флоу.
В яркой рамке будут те, которые описаны в текущей страницы
Мобильный флоу
Работу по дизайну начинали с мобилок. В этом лонгриде расскажу про все разделы, которые связаны с сервисом создания собственной модели, а именно:
Генерация модели вручную;
Генерация с загрузкой фото-референса;
Генерация женской модели;
Генерация мужской модели.
Create your own model
Десктопный флоу
Create your own model
Manual
Мобильная версия
Одна из киллер-фич сервиса в том, что пользователь может создать свою модель. Настраивает все параметры от внешности до уникальных черт характера, что позволяет максимально персонализировать его опыт.
Эту же фичу дополняет другая — создание модели по фото-референсу. Пользователь загружает модель, AI анализирует её внешние данные и предлагает на выбор
несколько вариантов, которые могут удовлетворить пользователя. Далее
остаётся задать только черты характера и детальное описание.
Сценарий начинается с экрана выбора пола и экрана выбора национальности.
Бизнесу важно промоутить функцию создания модели из фото-референса, поэтому
разместили в верхней части яркий баннер, рекламирующий эту фичу.
Далее прогресс прогресс бар с делением на шаги и процентами, а ниже контент самого шага. Чаще всего это селектор с картинкой или набор чекбоксов.
Перейти на следующий шаг можно через плавающую в нижней части экрана кнопку. Также, если предыдущий шаг существует, в него можно вернуться из нижней части экрана и изменить параметры.
Следующие шаги, которые отличаются по компоновке экранов — это выбор цвета глаз и причёски.
Далее выбираем тип тела и выбираем определяющее личностное качество.
Детальную настройку производим на экранах с чекбоксами без доп. фото.
После всей настройки пользователем, сервис генерирует внешность модели и даёт пользователю выбор. Пользователь может повторно сгенрировать внешность, если предложенные варианты его не устраивают
Финальным шагом пользователь проверяет все ли параметры верны и заполняет
Имя
Описание от 300 символов. Если пользователь не хочет писать его вручную, сервис может сгенерировать его за X монет. Именно для этого установлен минимальный порог в 300.
Настроить будет созданная модель личной или публичной
Десктоп
В десктопной версии пользователь сразу видит summary по модели.
Выбор цвета глаз и причёски
Тип тела и тип личности
Прочие параметры
Выбор фотографии
Экран Summary
With photo
Мобильная версия
При создании модели по фото-референсу, мы даём пользоателю загрузить фотки, помогаем ему сделать это правильно через небольшой онбординг и не даём выбирать параметры внешности на начальных этапах. Только характер
Десктоп
Генерация фоток
Женский раздел
Все элементы для каждого раздела были сгенерированы вручную и индивидуально через сервис Freepik
Десктоп
Этих экранов должно быть достаточно, чтобы понять основной принцип создания модели =)
