Катя Мукха Product designer

Avalike

Avalike — ранний стартап, платформа-маркетплейс ai-агентов: пользователи находят и общаются с агентами в чате, а креаторы создают, публикуют и монетизируют их.

Интерфейс платформы Avalike

Результаты

Протестировала ключевые сценарии платформы:

  • Маркетплейс;
  • Страница агента;
  • Токены;
  • Кабинет креатора.

Параллельно сделала мобильную адаптацию основных сценариев, собрала дизайн‑систему, логотип и принципы визуального стиля.

Работала как единственный дизайнер в связке с продуктом и разработкой.

Мобильные экраны платформы Avalike

Double Diamond

Схема Double Diamond для проекта Avalike

Исследование / этапы

  • Интервью со стейкхолдерами;
  • Анализ конкурентов;
  • Интервью с пользователями.

Исследование / конкурентный анализ

Нашли повторяющиеся паттерны и UX-решения, которые решили переиспользовать.

Таблица конкурентного анализа Avalike

Исследование / результаты

Мы увидели, что большинство платформ с AI-агентами — например, ChatGPT — визуально и сценарно довольно утилитарны: они сфокусированы на пользе и решении задач.

Мы предположили, что можно объединить два сценария: эмоционально вовлекающее общение с персонажами и полезные агентские функции. Персонажи могут привлекать дополнительный трафик на платформу, а агентские возможности — создавать основу для монетизации.

JTBD

Когда мне хочется отвлечься от рутины и немного отдохнуть, я хочу пообщаться со знакомым персонажем, чтобы переключиться, развлечься и восстановить настроение.

Когда я выбираю, с кем или с чем взаимодействовать на платформе, я хочу быстро понять, кто из персонажей мне подходит и что он умеет, чтобы сразу попасть в релевантный сценарий.

Когда я хочу создать своего AI-персонажа, я хочу не просто настроить бота, а собрать узнаваемый образ с полезными функциями, чтобы он был интересен пользователям и приносил доход.

Когда мне нужен свежий взгляд, идея или формулировка в узнаваемой манере персонажа, я хочу пообщаться с ним, чтобы использовать его ответы как материал для письма, диалогов, литературных сцен, постов или собственных ответов.

Когда мне интересно пообщаться со знакомым героем, с которым я не могу поговорить в реальной жизни, я хочу открыть платформу и начать диалог с этим персонажем, чтобы получить уникальный эмоциональный опыт общения.

Когда мне нужен не просто инструмент, а более живой и вовлекающий способ решить задачу, я хочу общаться с AI в формате персонажа, чтобы получать пользу без ощущения «сухого» сервиса.

Когда я управляю своим персонажем, я хочу гибко настраивать его знания, поведение и функции, чтобы лучше попадать в разные пользовательские сценарии.

Когда я управляю своим персонажем, я хочу видеть статистику использования персонажа, чтобы понимать, интересен ли он пользователям.

Основные сценарии

Основные сценарии платформы Avalike

Вайрфреймы

Быстро проверила ключевые сценарии на ранних вайрфреймах: провела короткие коридорные тесты внутри команды, чтобы до разработки проверить понятность структуры, навигации и основных пользовательских шагов.

Вайрфреймы платформы Avalike

Мудборд градиентный

Для выбора визуального решения составила градиентный мудборд, с помощью которого мы с командой выбирали дальнейшее визуальное направление.

Градиентный мудборд Avalike

Визуальный дизайн и тестирование

Провела несколько циклов пользовательского тестирования и финализировала гипотезы: подготовила несколько вариантов ключевых страниц платформы, чтобы выбрать наиболее удачную композицию и визуальное решение.

Пользовательские интервью

По итогам исследований внесла изменения в ключевые сценарии:

  • Усилила и сделала заметнее точку входа в создание персонажа для новых пользователей;
  • Сделала более понятным путь взаимодействия с агентами и персонажами;
  • Упростила выбор базы знаний, чтобы снизить сложность этого шага.
Пользовательские интервью Avalike

Hand-off

Передала в разработку:

  • Дизайн‑систему;
  • Прототипы и видео;
  • Сетки;
  • Компоненты.

Компоненты

Собрала дизайн-систему, которой команда могла пользоваться при дальнейшей сборке интерфейса: кнопки, инпуты, селекты, типографику и цветовые стили.

Структурировала элементы по принципу атомарного дизайна: атомы, молекулы, организмы, шаблоны и страницы — без отдельной документации и фреймворков, но с понятной логикой для работы в макетах.

Компоненты дизайн-системы Avalike

Дизайн-ревью

Работала с разработкой в несколько итераций: проверяла реализацию, уточняла состояния, отступы, поведение компонентов и граничные случаи.

Дизайн-ревью Avalike

Релиз

В результате мы выпустили beta-версию платформы, снизили барьеры входа в ключевые сценарии и внедрили сценарий монетизации.

Смотреть Avalike
Релиз Avalike