Shunsuke Muramatsu

Digital Figure Box UI design and animation / Gatebox

— ROLE

UI Design

Animation (2d)


— SOFTWARE

Adobe After Effects

Adobe Illustrator


— LENGTH

8 weeks


Project Brief

We created the UI design and video for the verification of Gatebox's new product line “Digital Figure BOX”. Digital Figure BOX is a product that allows users to display “moving” digital figures such as 3DCG characters in their rooms. For this project, we produced several sample videos to verify its use with 2D characters.


Gateboxの新製品ライン「デジタルフィギュアボックス」の検証用に、UIデザインと映像コンテンツを制作しました。このデバイスは、3DCGキャラクターなどの“動く”デジタルフィギュアを部屋に表示できる製品です。本プロジェクトでは、2Dキャラクターでの使用を想定したサンプル映像を複数制作しました。


Art Direction

The direction requested UI design and animation in the form of a device to be placed in a room. 3 versions were requested, 1: one utilizing text, 2: a cute design, and 3: a cyber design.


本プロジェクトでは、部屋に設置されるデバイスのインターフェースをイメージしたUIデザインとアニメーションが求められました。依頼内容は3パターンで、テキストを活かしたデザイン、キュートなデザイン、サイバー調のデザインの3種を制作しました。

UI Design

UI Animation

Animation

Credit

Direction and Support: foriio

Product Link (JP)

https://www.gatebox.ai/digitalfigurebox

Thanks for watching!