Сайт студии и интерактивного шоу от Yakut Samuraiii


/

Привет! Это YAKUT SAMURAIII с первым опубликованным на Dprofile кейсом [первой страницы сайта студии и интерактивного шоу от цифрового артиста].

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №1 — Интерфейсы, Анимация на Dprofile

Тех опыт [дизайн, разработка сайтов и мобильных приложений, блокчейн и крипта, мобильные игры] вместе с фантазией и любовью к юмору соединились вместе в фан тех – технологичные решения с фокусом на задачах и дизайне с добавлением фана [необязательно именно смешно, может быть просто стильно или остроумно, ведь главное – приятные эмоции и мысли, которые останутся после использования цифрового продукта] и гейм-дизайном для глубокого вовлечения зрителя > пользователя > клиента в концепцию > продукт > услугу.

Вдохновлено Teenage Engineering, создающими электронные музыкальные продукты с хай левел дизайном и фаном. На их аналоговых синтезаторах Pocket Operator была написана музыка для интерактивного арт-проекта "A Ve".

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №2 — Интерфейсы, Анимация на Dprofile


/
Так появились студия и цифровой [фан тех] артист Yakut Samuraiii.

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №3 — Интерфейсы, Анимация на Dprofile

Как студия Yakut Samuraiii разрабатывает дизайн [графический, айдентика и лого, интерфейсы], сайты и мобильные приложения, делает арты, включая иллюстрации, 3D-модели, моушн. Подробнее – в презентации студии.

Как артист YS выпускает интерактивное шоу, эпизодом которого может быть сайт, мобильное приложение, игра или что-то еще. Это шоу – одновременно развлекательный опыт для любого зрителя/пользователя от цифрового артиста и интерактивный формат портфолио студии.

Сайт Yakut Samuraiii

1/ Концепция продукта [первая страница] и дизайна

yakutsamuraiii.com – сайт студии и цифрового артиста YS, а также витрина эпизодов первого сезона интерактивного шоу.

Цели:
/ представить персонажа Yakut Samuraiii
/ рассказать о задачах, которые студия поможет решить
/ показать витрину эпизодов интерактивного шоу, чтобы вовлечь зрителей, пользователей, цифровых артистов, криэйторов, коллекционеров и затянуть их в социальные сети.


Концепция дизайна:
/ разместить информацию о студии и шоу на одном экране и сбалансировать ее.
/ повторить механику адвент-календаря с конфетами [лучше молочными шоколадками..].

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №4 — Интерфейсы, Анимация на Dprofile

2/ Загрузка

Задача загрузки – дать время загрузиться тяжелой графике и представить Yakut Samuraiii. При открытии сайта сначала появляется голова с переводом Yakut Samurai на японский, а затем представление на английском.

Знак I является одновременно знаком препинания среди иероглифов [ヤクト侍] и местоимением в [I am Yakut Samuraiii].

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №5 — Интерфейсы, Анимация на Dprofile

3/ Знакомство со студией и ее задачами

Информация о студии и ее задачах находятся слева на красном фоне. Маленькая ширина этого пространства [по сравнению с синей частью] компенсируется продолжением внизу, которое можно "найти", если скроллить. Эта механика также позволяет рассмотреть весь текст, часть которого изначально скрыта за слоем головы.


Во время скролла также:
/ меняются зрачки Yakut Samuraiii.
/ ссылки на сети трансформируются в ненавязчивое предложение сделать ваш проект [который может стать спэшл эпизодом первого сезона – как вам идея лендинга для представления продукта или услуги тоже с проигрыванием по скроллу?] в синей области справа.

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №6 — Интерфейсы, Анимация на Dprofile

чб зрачок с надписью "POG" – задник фишек, в которые мы играли в детстве, делая из них башни и разбивая битой / на фото виден главный персонаж

/ в конце скролла страница поднимается как занавес над страницей первого эпизода "A Ve" [интерактивная NFT арт история с анимациями по скроллу], призывая внимание зрителя вниз экрана, где начинает происходить новое действо и куда теперь смотрят глаза YS, которые изначально [сразу после загрузки сайта] были обращены прямо на зрителя.

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №7 — Интерфейсы, Анимация на Dprofile

Можно открыть страницу интерактивной арт-истории "A Ve" с анимированными сценами, созданными в разных стилях – UX/UI, Anime, Art Nouveau, 3D Realism, Naïve Abstractionism и др. Скролль [на десктопном компе], чтобы проигрывать сцены – главная механика второй страницы сайта. Сцены одновременно являются коллекциями цифровых артов [NFT в блокчейне Ethereum] в галерее Foundation. Подробнее про этот проект будут кейсы в будущем.

В конце этого кейса можно найти копии NFT-артов "A Ve" в стиле UX/UI, Art Nouveau и анимэ [сможете догадаться по истории, как они связаны друг с другом?]. В английской версии этого кейса на Behance они вставлены как NFT, здесь как изображения.

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №8 — Интерфейсы, Анимация на Dprofile

​​​​​​​Выше представлен 3D-арт Drone YS-420 из истории, который можно вращать и зумить на компьютере или, если открыть ссылку на телефоне, то сделать фото и видео с ним в AR [только нужно дать модели время загрузиться и нажать "View in AR"].

4/ Витрина эпизодов интерактивного шоу

Информация об интерактивном шоу расположена в большой голубой области и зафиксирована на экране при скролле в отличие от красной. Здесь расположены ячейки трех эпизодов первого сезона [вышел первый эпизод]. Нужно схватить и потянуть "окошко" вышедшего эпизода, чтобы открыть его и посмотреть/поучаствовать, словно это адвент календарь. Доступный эпизод отличается от других цветом и призывающим миганием прозрачности "окошка".

В нижнем правом углу можно найти текстовый список соцсетей, который повторяет группу их чб лого в верхнем левом углу. Если навести курсор, например, на текст "foundation/NFT", то его лого закрутится и увеличится.

Заметили символ нумерации эпизодов i и его связь с заголовком ...by Yakut Samuraiii?

Спасибо за внимание и вэлкам ту сезон 1 интерактивного шоу!



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




/ с 💜 к деталям из Санкт-Петербурга, Yakut Samuraiii

4/ Копии-изображения некоторых [NFT] артов интерактивной истории "A Ve"

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №9 — Интерфейсы, Анимация на Dprofile

The "Overview" NFT from the Scene 3 collection [Art Nouveau style] of the interactive story "A Ve" [ссылки на арт и его коллекцию в цифровой галерее Foundation]

Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №10 — Интерфейсы, Анимация на Dprofile
Сайт студии и интерактивного шоу от Yakut Samuraiii — Изображение №11 — Интерфейсы, Анимация на Dprofile


Кстати,

Оценить

Добавить в коллекции...

От автора