Розробка дизайну нашого маскота Me була довгою й складною подорожжю, що тривала 2–3 місяці. Від труднощів із донесенням нашого бачення до ілюстраторів до використання ШІ та анімаційних технологій — цей процес сам став творчою пригодою.
Якщо ви віддаєте перевагу відеоформату розповіді, перегляньте відео:
Труднощі з ілюстраторами
Нашим початковим підходом була співпраця з професійними ілюстраторами, щоб втілити концепцію в життя. Ми звернулися приблизно до семи ілюстраторів, надавши їм докладні пояснення та вайрфрейм як орієнтир для дизайну:
Однак результати були далекими від того, що ми уявляли. Дизайн маскота або надто схилявся до мультяшного й дитячого стилю:
Або пропонував надто буквальні інтерпретації концепцій Me — наприклад, концепції дерева:
Серед варіантів найближчими були найпростіші. Їм вдалося частково передати споглядальний і трансцендентний настрій, якого ми прагнули:
Ми навіть думали зупинитися на одному з них. Особливо тому, що його можна було намалювати у векторній графіці, що значно спростило б анімацію. Але ми побоювалися, що загальний вигляд головного екрана буде надто нудним і ніщо не привертатиме увагу. До того ж у нас була ідея з налаштуванням шпалер, для якої потрібен виразний маскот — центральний елемент будь-якого всесвіту шпалер.
Звернення до ШІ: переломний момент
Розчарований браком порозуміння з ілюстраторами, я вирішив поекспериментувати з такими ШІ-інструментами, як DALL-E. І виявилося, що ШІ розуміє мене набагато краще за людей :)
DALL-E згенерував безліч неймовірних версій дизайну маскота та шпалер, подарувавши мені сплеск натхнення й креативності.
Водночас було неймовірно складно вибрати найкращу версію. Що я можу сказати напевно: ШІ безумовно доповнив концепцію. Просто подивіться на кілька найкрутіших дизайнів, які він створив:
Однак у зображень, створених DALL-E, був один серйозний недолік: їх не можна було безпосередньо перетворити на векторну графіку, необхідну для анімації. Тоді долучився Саша Буратинський і, згадавши свої художні навички, відтворив обраний дизайн маскота у векторному вигляді.
Спростивши згенероване ШІ зображення, Саша зробив анімацію Me можливою, зберігши його сутність.
Анімація Rive
Для анімації ми обрали технологію Rive. За допомогою Дмитра Рубана наш Me ожив (якщо придивитися, він буквально дихає!), але поки що лише у 2D — для анімації у 3D його потрібно перемалювати. Тож якщо хтось із вас, хто читає цю статтю, надихнувся tTravel і хотів би зробити 3D-версію Me, зв’яжіться з нами, надіславши листа на info@ttravel.me
Взаємодія з Me. Підказки.
Від самого початку ми знали, що хочемо, аби Me взаємодіяв із користувачами, був їхнім супутником у подорожах, гідом і помічником. Питання було в тому, як саме він має спілкуватися. Чи варто дати йому руки або обличчя? Чи мають у нього бути емоції залежно від дій користувачів?
У якийсь момент мені спала на думку ідея анімації центрального куба — його перетворення на різні емодзі або іконки:
Зрештою ми придумали круглий монітор і знак інь-янь (перегляньте статтю про концепцію та приховані сенси Me), які час від часу змінюються іншими іконками, надаючи Me більш технологічного вигляду, але в мені все одно є частина, що тепло ставиться до тих версій з анімаціями центрального куба :)
Плани на майбутнє:
Еволюція Me далека від завершення. Ось над чим ми працюємо далі:
- Функції на основі ШІ: Me діятиме як ваш особистий помічник у подорожах, подібно до Siri або ChatGPT, але з фокусом на подорожі. Ми плануємо значно розширити взаємодію Me з користувачами, звісно, за підтримки ШІ. Він шукатиме інформацію для подорожей: погодні умови, готелі, оренду автомобілів, інформацію про рейси тощо. Також він надаватиме надихаючі поради та допомагатиме будувати маршрути.
- 3D-анімація: Повністю анімована 3D-версія Me уже в наших планах, і ми прагнемо співпрацювати з талановитими митцями, щоб це стало реальністю.
- Налаштовувані скіни: Ми плануємо представити кілька скінів для Me, щоб преміумкористувачі могли обирати вигляд свого маскота.
- Гейміфікований прогрес: Натхненні Journey, ми прагнемо додати гейміфікацію, за якої вигляд Me еволюціонуватиме відповідно до досягнень користувачів у застосунку.
Завантажуйте tTravel для iOS або Android, якщо ще цього не зробили. І стежте за наступними статтями. До наступної зустрічі.
Автор: Artem Shambalov