@M4DWEE.

Beoplay H6

• Design :　2 days　/　Coding :　3 days (レスポンシブ対応)
• Tools　:　 Photoshop　/　HTML5　/　CSS　/　BEM　/　Jquery

Bang & Olufsen, Beoplay H6の架空ランディングページです。
ターゲット： 男女問わず「音」にこだわり,高音質・ハイブランドなどヘッドフォンを求めるユーザー主にクリエイティヴ系の仕事をされる方
コンセプト： 自由・スマートなイメージ

自由・躍動感を表すため、ヘードフォンは立体的に配置する。奥行きのある表現で、商品に焦点を当たる。 ファッションの一部として取り入れるので、メイン画像やFeatureの部分に多くのアーティストの画像を使用する。

また、商品をより詳しくわかるようにGalleryの部分はマウスオーバーしたら、商品の画像が拡大できるようにしました。