ELLE ONLINE 「2012秋冬トレンド解体新書」

http://sp.elle.co.jp/fashion/features/2012awtrend/

  • Launch: 2012年10月01日
  • Client: 株式会社ハースト婦人画報社

CD&CW:ハースト婦人画報社
PH:太田好治(太田好治写真事務所)
AD:南部樹里絵
DE:鈴木智子
ME:関口直樹
DI:松田育子

  • web
  • campaign
  • for_women
  • photography
  • illustration
  • mobile_and_smartphone
  • html5
  • javascript
  • 2012
Purpose

エル・オンライン編集部発・動くトレンドカタログの第2弾。2012秋冬トレンドの大解剖コンテンツ。

Solution

「インタラクティブな雑誌」というコンセプトはそのままに、今回はトレンドを10体に凝縮するという、 エル・オンライン編集部のみなさんの「言い切り」をドーンと表現したいと考えました。
そのため、ダイナミックなレイアウト、そしてJavaScriptによるインタラクションでは、今回はSVG(Scalable Vector Graphics)を使った新たなビジュアル表現に挑戦しています。

Staff Comments

トレンドを「リアル」な視点でひも解くテーマに則り、躍動感のあるレイアウト・動きを目指しました。パーツをクリックすると、凝縮した10体のスタイリング・アイディアを盛りだくさんで紹介。
撮影においては素材の質感、細部、はたまたモデルの心情までも映し出すことに特にこだわりました。秋っぽい艶感のあるデザインに仕上げています。
遷移の動きは、解体=拡大という解釈でズームの動きをSVGで再現。ぜひ、最新ブラウザで「HTMLでここまでいける」をご確認ください!