WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , ,

Message

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

  関連記事

コンテンツごとに様々な動きをつけたデザイン

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。 大きく表示される道の駅 …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

簡単に起業できちゃいそうな会社設立サポート屋さん

東京都渋谷区にある会社設立の手助けをしてくれる「GAGEEN」のホームページです …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

ロゴマークの表示を統一することで、ページにアクセントをつける

福岡県福岡市にある「がんこクリニック」のホームページです。 まず初めに、画面いっ …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …