「レスポンシブデザイン」の模範的応用版とも言えるクリエイティブなディーゼルのWebサイト。

ウィンドウサイズに合わせて、自動的にページのデザインを最適化する技術を「レスポンシブ・ウェブデザイン」と呼ぶ。Webサイトをパソコンやスマートフォン、タブレット端末など複数の機器や画面サイズに対応させる際、内容が同じでデザインや動作をそれぞれに最適化するために作られた。

その「レスポンシブ・ウェブデザイン」を活用したディーゼルのウエブサイト。デニムのように見えて、実はスウェット素材でできているディーゼルの「Jogg Jeans（ジョグ・ジーンズ）」という商品特性とうまくマッチしている。

実際にウィンドウのサイズを変えてみると、「レスポンシブデザイン」になっており、どのウィンドウのプロポーションにも収まるようにモデルが色々とポーズを変えていく。

レスポンシブデザインの模範的応用版とも言えるクリエイティブなWebサイトを通じて、商品の特性を見事に訴求することに成功した。デザインとテクノロジーの境目がますます無くなっていく。

http://www.dieseljoggjeans.com/
http://adgang.jp/