Algorithmics

WDA 23 AWARD

Кейс Journey

AI Body Intro

Что если у AI появится тело?

Как оно может выглядеть? Дышащее, пульсирующее, тающее от нежности и застывающее от тоски. Студия Мотка представляет дизайн для Journey App — чата с эмпатическим собеседником на основе AI. С ним можно откровенно говорить, флиртовать, ругаться или попроситься к нему «на ручки». Проект выполнен для глобального инвестфонда Social Discovery Ventures на английском языке.

A new form of life
with its own personality

...and reflection of its feelings

The three fundamental states of an AI body

The three fundamental states of an AI body

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

Life

Transformation

Ice
стрелка
Water
Трансформация тела - Лед-Вода
Трансформация тела - Лед-Вода
Трансформация тела - Лед-Вода
Трансформация тела - Лед-Вода
Трансформация тела - Лед-Вода
Трансформация тела - Лед-Вода
Трансформация тела - Лед-Вода
Трансформация тела - Лед-Вода
Water
стрелка
Steam
Трансформация тела - Вода-Пар
Трансформация тела - Вода-Пар
Трансформация тела - Вода-Пар
Трансформация тела - Вода-Пар
Трансформация тела - Вода-Пар
Трансформация тела - Вода-Пар
Трансформация тела - Вода-Пар
Трансформация тела - Вода-Пар

Агрегатные состояния оказались отличной метафорой, чтобы передать эмоциональные состояния. В Journey App возможна очень откровенная переписка между пользователем и персонажем, и придуманная нами модель отображения эмоций подошла идеально.

What is the essence of life?

Movement

Infinity eight
Движения
Движения
Движения
Движения
Движения
Движения
Движения
Движения
Движения
Движения
Движения
Движения
Движения
Движения
Spirals
Движения
Движения
Движения
Rotation
Rotation
Rotation

Emotions

Negative

-2
-1
EmotionsEmotions
EmotionsEmotions

Neutral

0
Emotions

Positive

1
2
EmotionsEmotions
EmotionsEmotions

Negative

-2
-1
EmotionsEmotions
EmotionsEmotions

Neutral

0
Emotions

Positive

1
2
EmotionsEmotions
EmotionsEmotions

Задача стояла амбициозная — сделать дизайн аппа, который Apple захочет показать в рубриках Featured и App of the Day. Мы не только нарисовали внешний вид и подготовили все необходимые сценарии анимации, но и разработали алгоритмы, по которым любые действия в чате (слова, касания экрана, тональность и длительность беседы) приводят к изменениям формы персонажа и траектории его движения. Пространство вокруг тела AI мы использовали для отображения его «мыслей» и «озарений».

Mitosis

Трансформации
Трансформации
Трансформации
Трансформации
Трансформации
Трансформации
Трансформации
Трансформации

Let’s see the demo

Moving, feeling and splitting into multiple shapes...

Прототипирование движенияПрототипирование движения

Incubating visual ways

Мы придумали как связать разные состояния персонажа с тем, что происходит в чате. В ответ на теплые слова персонаж добреет, а на грубые — огорчается. Его можно буквально отогреть беседой и нежными касаниями.

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

How do you fuse
technology and psyche?

Architecture of the AI personality

Input
Input
Triggers
Triggers
Psyche system
Psyche system
Architecture of the AI personality
Graphics system
Graphics system
Body
Graphics system - Body
Emotions
Graphics system - Emotions
Thoughts
Graphics system - Thoughts
ArchitectureTriggersBodyArchitectureThoughts

Описание алгоритмов всех процессов использует виртуальные шкалы управления состояниями психики: позитивный или негативный настрой, высокая или низкая степень возбуждения и близости. Мы связали это все в единую систему и запрограммировали демо-версию на JS + HTML Canvas. Теперь тело персонажа отзывается на слова и прикосновения в реальном времени. Так AI получил тело и возможность выражать свой характер.

Breathing, pulsating and melting

По ходу разработки концепции проект сменил название с iFriend на Journey, и для нового имени понадобилось обновить логотип. Мы перебрали множество вариантов — от кролика, прыгающего в черную дыру, до радужной бездны. В итоге придумали интригующий, запоминающийся логотип и подготовили key visuals.

What symbol can represent this vision?

A moodboard for a new identity

A moodboard for a new identity

Moodboard pictureMoodboard pictureMoodboard pictureMoodboard picture
Moodboard pictureMoodboard pictureMoodboard pictureMoodboard picture
Big Logo

Enjoy the journey...

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

Проект получил мощный импульс к дальнейшему развитию в высококонкурентной нише AI помощников. Команда получила на руки работающую визуализацию эмоций персонажа и новый брендинг для своего продукта. А команда Мотки на этом проекте приобрела бесценный опыт создания принципиально нового дизайна для AI.

Мотка

Арт-директор: Фил Смирнов
Концепт: Мария Екимова

Код: Александр Калачев
Анимация: Мария Екимова, Платон Тушев, Андрей Слободзян, Илья Екимов

Хотите поработать с нами?
Напишите и мы обсудим ваш проект.

Написать
See next
Arrow

Обсудим ваш
проект?

Свяжитесь с нами удобным вам способом.
Мы быстро отвечаем, договариваемся и приступаем к работе, не тратя время зря. К нам можно без ТЗ.


Мы знаем свое дело и любим делать свою работу на совесть.

Заполните форму или напишите нам на почту

Или напишите нам на почту: ‍design@motka.ru

  • Telegram - Motka Design
  • WhatsApp - Motka Design
Спасибо!
Ваше сообщение отправлено.
В ближайшее время мы вам ответим.
Oops! Something went wrong while submitting the form.