WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , ,

Message

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

  関連記事

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …

壮大なスケールを感じさせるデザイン

  見た瞬間発狂しました。「ICO」や「ワンダと巨像」の制作を手掛けた …

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

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

まるで本当の雑誌を読んでいるかのようなレイアウト

クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容 …

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

文字を光らせ幻想的な世界観を創造する

  えのすい(新江ノ島水族館)で行われるナイトワンダーアクアリウムの特 …

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

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