WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

トップの部分だけでなく、色々な場所で背景に動画を使用する

   

名称未設定 1

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホームページです。

トップには、背景に動画を使用して開催準備の様子が流れるようになっています。また、大きい画面で表示するときにも画質の粗さが目立たないように黒い背景を動画の上に乗せています。また、中央に配置されたキャッチコピーの右側には開催概要のボタンがあるのですが、ボタンの内容を切り替えてYouTubeで動画を閲覧することも出来ます。このデザインはとても参考になります!

ページの下にスクロールするとメニュー部分のデザインがふわっと切り替わるのもいいですね!ドロップダウンの方向も上から下に切り替わっているので使いやすいですね。

さらに下にスクロールすると、交通アクセスや開催概要などのコンテンツが並んでいる部分があるのですが、そこでも動画を使用してかっこいいデザインになっています。写真だけでなく動画もたくさん取り入れることで、デザインも変わって面白いです

 - 動きで表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

カーソルを乗せると動くボタン

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。 歯を …

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。 ファ …

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会 …

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホーム …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …