『VOGUE JAPAN』15周年アニバーサリーサイトを、チームラボが制作

PR TIMES / 2014年10月2日 11時22分

世界で最も影響力のあるファッション誌『VOGUE』の日本版『VOGUE JAPAN』(発行:コンデナスト・ジャパン)の15周年アニバーサリーサイト「VOGUE JAPAN 15th Anniversary」(http://www.vogue.co.jp/anniversary/)を、チームラボが制作。『VOGUE JAPAN』の誌面を飾ってきた過去のビジュアルや特集記事でメニュー画面を構成し、カーソルを合わせるとコンテンツがランダムで切り替わり、誌面を見ているような感覚で閲覧できるようにしました。




世界で最も影響力のあるファッション誌『VOGUE』の日本版『VOGUE JAPAN』(発行:コンデナスト・ジャパン)の15周年アニバーサリーサイト「VOGUE JAPAN 15th Anniversary」(http://www.vogue.co.jp/anniversary/)を、チームラボが制作。『VOGUE JAPAN』の誌面を飾ってきた過去のビジュアルや特集記事でメニュー画面を構成し、カーソルを合わせるとコンテンツがランダムで切り替わり、誌面を見ているような感覚で閲覧できるようにしました。

1.祝福の花びらが舞う、華やかな演出


サイトのトップページは、JavaScriptを使って花びらが舞うように演出し、15周年記念の祝福を表現。

2:ページを送るたびに、新しいフレーズを表示


誌面に載った言葉の中から印象に残るフレーズを集めた「VOGUEなモード格言集」。全100フレーズがそれぞれ独立して目立つよう、1フレーズごとに1枚のコメントカードにデザイン、ページを送るとカードがめくられて新しい格言が表示されるように演出しました。

3:『VOGUE JAPAN』の象徴的な背表紙のイメージを取り入れ、全181冊の表紙を紹介


15年分の表紙を紹介する「The Fabulous Cover Girls」は、パララックス表現を用いたスムーズなスクロールで、全181冊の表紙を紹介。デザインは、『VOGUE JAPAN』の特徴とも言える赤い背表紙を取り入れました。

4:アニメーション効果で、飽きさせないページデザイン


VOGUEの豆知識がわかる「A History of VOGUE Trivia」では、全22問を最後まで飽きずに閲覧出来るように、質問から回答までアニメーションを用いて表現。どれだけ読み進めたかが瞬時に把握できるようインジケーターも表示させ、全問読み進めたくなるデザインにしました。

PR TIMES

トピックスRSS

ランキング