Yakut Samuraiii: fun tech studio & artist

/

Hi, friends! I'm Yakut Samuraiii and this is my first project on Behance. I'm glad to be in this significant designer community and before I tell you about my project, I wanna introduce myself a little bit.

At the beginning of this year, I quit my full-time job where I worked as a Technical Product Manager. I decided that I would realize my old ideas and projects now or never.

The previous tech experience in IT [design, website & mobile app development, blockchain and crypto, mobile games] merged together with love to fun/humor and were seasoned with a pinch of imagination to choose producing fun tech – technological solutions with fun and game design to deeply engage the viewer/user/client.

Inspired by Teenage Engineering creating high quality, great designed, electronic music products [with fun].

That's how the fun tech studio & artist Yakut Samuraiii were born.

As a studio Yakut Samuraiii creates design, art, sites and mobile apps.

As an artist YS makes the Interactive show, where each episode can be a website, mobile app, game or something else! The Interactive show is an entertaining experience for any viewer/user, as well as an interactive format for the studio's portfolio.

The fun tech studio,

artist & show website

1/ Product & design concept

yakutsamuraiii.com – the website of the fun tech studio, artist and Interactive show [Season 1].

When creating the site were the following purposes:
/introduce Yakut Samuraiii.
/tell about the studio’s services to attract clients.
/make a showcase of episodes of Interactive show to attract users/viewers, digital artists and collectors in Twitter/X, Instagram and Foundation.

The following design constraints were conceived:
/place information about the studio and the show on one screen and balance it
/the design concept for episodes should resemble an advent calendar with candies [yes, I love milk chocolate and Lindt..].

2/ Loading

The task of loading design was not only to give time for loading heavy graphics, but also to present Yakut Samuraiii to the viewer. First, a head appears with "Yakut Samuraiii" in Japanese and then the introduction in English. The sign I is both the punctuation mark ー in the Japanese version of the name [ヤクート侍] and the pronoun I in the English sentence [I am Yakut Samuraiii].

3/ Space for the studio

Information about the studio and its services is organized in the left red space. The small width of this space compared to the blue space (1/4 of the screen width vs. 3/4) continues at the bottom, which can be found by scrolling. Also it allows to see parts of the text that were originally hidden behind the head layer.

While scrolling, also:
/the pupils in Yakut Samuraiii's eyes change.
/links of YS resources change to a suggestion to contact for making a project in the blue area on the bottom right.

/at the end, the page begins to rise like a curtain over the first episode page [scrolly-telling artwork story "A Ve"], enticing the viewer to watch/participate. At the same time, the eyes of Yakut Samuraiii now look not at the viewer as after loading, but downwards, where the action has now begun.

The viewer/user can then open the "A Ve" page with animated Scenes that are created in different styles [UX/UI, Anime, Art Nouveau, 3D Realism, Naïve Abstractionism, etc.]. The Scenes are simultaneously collections of art [as NFTs in Ethereum] in the digital art gallery Foundation. Scroll to play Scenes with art – that's the main mechanic of the second site page.

At the end of this case there are 2 artworks from different scenes/collections, which are inserted here as NFT [thanks Behance for such a cool feature].

Also you can take a photo/video with 3D drone from the story on your phone in AR!

4/ Space for the Interactive show

Information about the Interactive show is located in the large blue area and it's fixed on the screen. There are cells for three episodes of the first season. Grab and pull a window of the first released episode to open it, like in an advent calendar. Then the information cell about the episode will open, which is also a link to its page.

Here is also a list of YS social networks. It duplicates the black/white circles in the upper left corner - these are the logos of these networks. If you hover, for example, over the "Foundation/NFT" text label, the logo of this gallery will spin and enlarge. This may be useful for those who don't know what the Foundation logo looks like or what this platform is associated with [NFT/digital art].