MVA - SPACE SHOWER MUSIC VIDEO AWARDS | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて

 Case Study {01}
 華やかでクリエイティブなUIが印象的な
「MVA - SPACE SHOWER MUSIC VIDEO AWARDS」
 オフィシャルサイト

  url. mva.jp/
MVA(SPACE SHOWER MUSIC VIDEO AWARDS)は、スペースシャワーTVが年に一度主催するMVのアワード。アワードらしい華やかさと、MVを楽しめる仕掛けが満載となった同サイトの制作についてうかがった。
:仲町六朗  写真 :谷本 夏


P026_01
(▲クリックで拡大)
P027_02 P027_03
(▲クリックで拡大)
P027_04 P027_05
(▲クリックで拡大)


Point 1  ウインドウサイズによって可変するレイアウト
Point 2  上下の無限スクロールをJavaScriptで実装
Point 3  ナビゲーションバーの表示・非表示
Point 4  映像コンテンツらしいギミック
Point 5  オリジナルプレイリストの作成機能
Interview MVAサイト制作秘話


プロジェクトのチーム構成 Creator's Profile
P027_project_team P027_profile
クライアントはスペースシャワーネットワーク(齋藤さん)。制作をシフトブレインが行う(ディレクション/進行管理を仲村さん、アートディレクション/ デザインを鈴木さん、裏側の実装は開発チームの奥村さん、許さん、安友さんによる)。 [シフトブレイン]
「TOHHHHH!」という変身の合言葉を胸に、設立10周年に向けてさらなる飛躍を目指すWebプロダクション。インタラクティブ性を生かしたキャンペーンサイトから、CI、紙、映像まで、新たなるコミュニケーションの形を目下追求中。TheOne Showファイナリスト、Favorite Website Awardsなど受賞多数。url. www.shiftbrain.co.jp/
(写真は今回取材させていただいた同社の2名。左から仲村さん、鈴木さん)







本記事は『MdN』2013年7月号(vol.231)からの転載です。
M231_cover

楽天で買う

そのほかには下記のような記事が掲載されています。
(▼クリックすると画像が大きく表示されます)

特集のすべての記事は誌面でお読みになれます。
月刊『MdN』掲載記事号の情報はこちら!

■そのほかの月刊『MdN』からの転載記事
人物イラストレーションを思いのままに描く」(『MdN』2013年6月号より)
Adobe CS5&6を今日から使い倒す!」(『MdN』2013年5月号より)
デザイナーが日々の忙しさで放置している 「困った……」を解決します!」(『MdN』2013年4月号より)
まるっとわかる! ブックデザインの教室」(『MdN』2013年3月号より)
素材で広がる! デザインアイデア50」(『MdN』2013年2月号より)
イラストレーション メイキング・スタイル14」(『MdN』2013年1月号より)
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在