実績WORKS

OAKLEY HYBRID TRAINING

OAKLEY様の14FWブランドサイトを制作、モダンブラウザでwebGL / HTML5 / CSS3 / Javascript の技術を活用し今の最先端を目指しました。

Roomba 980

ゲームのように高度な3D表現が可能に

ブラウザ上で3DCGプログラミングを実現できる技術「WebGL」を実装。7人のアスリートの飛び抜けた能力をかけ合わせ(HYBRID)、OAKLEYオリジナルキャラクターを制作。商用としてまだ世の中に出まわっていないwebGLの技術を使ってオリジナルキャラクターを3D表現できるようにしました。プラグインを使用しないので、ユーザーのPC環境に左右されることなくゲームのように高度な3D表現が可能になりました。iOS8なども対応になり、商用サイトでの「WebGL」実装も増えてきています。

プロジェクトの成果

最新技術を活用したブラウザ表現

3D技術とWEB技術を融合させるために、打ち合わせを何度も行いました。また、WEBで表現できるキャラクターの精度をサンプルなどを何度も制作し、ユーザーにストレスが起きない様に細部までこだわって制作しております。

FIRST VIEW

7人のアスリートの飛び抜けた能力をかけ合わせ(HYBRID)、OAKLEYオリジナルキャラクターを制作。

INTERFACE

各能力エリアをクリックすることでwebGLで表現したキャラクターが動き、アスリートの紹介が表示されます。

PRODUCT

製品購入ページへの導線設計、技術だけでなく、製品の魅力も伝える事で製品購入につなげます。