COPYRIGHT © SONICJAM ALL RIGHTS RESERVED.

FRISK COLA MINT 爽快ミュージックキャンペーン

WEB /
MAR. 2016
WORK 0090
PLANNING / DESIGN / CODING

コーラミントの爽快感をWebGLで表現!

爽快なフレーバが特徴の本商品。その商品グラフィックは、コーラの水々しさ、しぶき感を表しています。WEBでは"爽快感"と商品のフレーバのイメージをさらにわかりやすく伝えようと考え、WebGLを用いて炭酸の泡の動きを表現しました。
「らしい」表現にするために、泡に使っている素材はあえて粗い素材にし透過処理を加えることで背景のイメージとなじませ、動きの部分はランダム感と奥行を意識してより自然に見えるように作成しました。
炭酸の中にダイブするような感覚を覚えてもらえればありがたいです!

商品パッケージのJANコードを撮影して、ミュージックプレーヤーに遷移させる仕様は、フリーライブラリをベースにスクラッチ開発しました。
ユニバーサルミュージック所属アーティストの旬な曲が聴けるので是非お試しください!

Expressing the Fresh Sensation of Cola Mint with WebGL!

The biggest selling point of this product is the refreshing flavor. I aimed to express the refreshing and splashy sensation of cola in the package graphic. On the web, I intended to communicate the “fresh sensorial characteristics” and the impression of the product’s flavor even more vividly by showing the movement of bubbles in soda with WebGL.
In order to create a “good representation”, I deliberately used rough visual materials and gave them optically transmissive effect to blend with the background. For the movement, I paid particular attention to the randomized feel and the depth so that the overall movie looked more real.
I will be very flattered if you can feel the sensation as if you were diving into the fizzing soda.

The scheme to read the JAN code on the product package to jump to the music player was developed from the scratch, based on the free library.
Check it out to find the latest songs of artists affiliated with Universal Music!

STAFF LIST

COPYRIGHT © SONICJAM ALL RIGHTS RESERVED.