実績WORKS

OAKLEY HYBRID TRAINING

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

Roomba 980

クライアント

オークリージャパン株式会社 様
http://japan.oakley.com/men/apparel/14fw-training/

クリエイティブ

  • WebGL
  • デザイン
  • アートディレクション
  • JavaScript実装

3D技術と
WEB技術の融合

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

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

POINT

  1. ユーザーのPC環境に左右されない高度な3D表現を実現
  2. 「WebGL」を利用した今の最先端を目指したサイト

プロジェクトの成果

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

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

FIRST VIEW

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

INTERFACE

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

PRODUCT

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