OAKLEY HYBRID TRAINING
OAKLEY様の14FWブランドサイトを制作、モダンブラウザでwebGL / HTML5 / CSS3 / Javascript の技術を活用し今の最先端を目指しました。
- SHARE
-
-
-
クライアント
オークリージャパン株式会社 様
http://japan.oakley.com/men/apparel/14fw-training/クリエイティブ
- JavaScript実装
- WebGL
- アートディレクション
- デザイン
3D技術とWEB技術の融合
ゲームのように高度な3D表現が可能に
ゲームのように高度な3D表現が可能に
ブラウザ上で3DCGプログラミングを実現できる技術「WebGL」を実装。
7人のアスリートの飛び抜けた能力をかけ合わせ（HYBRID)、OAKLEYオリジナルキャラクターを制作。商用としてまだ世の中に出まわっていないwebGLの技術を使ってオリジナルキャラクターを3D表現できるようにしました。
プラグインを使用しないので、ユーザーのPC環境に左右されることなくゲームのように高度な3D表現が可能になりました。
iOS8なども対応になり、商用サイトでの「WebGL」実装も増えてきています。
POINT
- ユーザーのPC環境に左右されない高度な3D表現を実現
- 「WebGL」を利用した今の最先端を目指したサイト
プロジェクトの成果
最新技術を活用したブラウザ表現
3D技術とWEB技術を融合させるために、打ち合わせを何度も行いました。
また、WEBで表現できるキャラクターの精度をサンプルなどを何度も制作し、ユーザーにストレスが起きない様に細部までこだわって制作しております。
詳細
FIRST VIEW
7人のアスリートの飛び抜けた能力をかけ合わせ（HYBRID)、OAKLEYオリジナルキャラクターを制作。
INTERFACE
各能力エリアをクリックすることでwebGLで表現したキャラクターが動き、アスリートの紹介が表示されます。
PRODUCT
製品購入ページへの導線設計、技術だけでなく、製品の魅力も伝える事で製品購入につなげます。