ノウハウをいつでも。ウェブマーケティングのポータルサイト

サイト紹介

いまのトレンド!印象に残る背景動画を使ったサイト14選

このエントリーをはてなブックマークに追加
      
follow us in feedly
友だち追加数
最近、動画を使ったWebサイトをよく見るようになりました。文字や写真だけでは伝わらない製品の良さ、社内の雰囲気、スタッフの仲の良さなどを動画で紹介するのはとてもいいアイデアだと思います。

2014年になって特にトレンドとなっているのが「背景フルスクリーン」の動画です。サイトに訪れた瞬間に動画が再生され、まるで別世界に連れていかれたような感覚になります。今回は背景に動画を取り入れた素晴らしいサイトを10個ご紹介します。


海外サイト


Whiteroom

Whiteroom.jpg http://www.whiteroomuk.com/

スタッフたちの働きぶり、オフィス近くの町並みなどが次々と流れてきます。思わずしばらくそのまま見てしまいます。


Dadaab Stories

DadaabStories.jpg http://www.dadaabstories.org/

アフリカのある地域のごくごく日常をとらえた動画が流れます。動画だと写真よりも実際の雰囲気・現状が伝わってきます。


Zero portfolio

Zeroportfolio.jpg http://www.zero.ru/

犬とはしゃぐ様子をとらえた動画が流れます。実際の彼の雰囲気などがよく伝わってきます。こんなふうにポートフォリオで動画を使うのもいいアイデアですね。


BKWLD

BKWLD.jpg http://www.bkwld.com/

顔は一切映らず、設計図を書いている様子、オフィスの様子などが拡大ズームで紹介されていきます。実際にそこへいって観たくなるような工夫がされています。


IUQO

IUQO.jpg http://iuqo.com/

素晴らしい空の様子が流れてきます。思わず見とれてしまいます。


Whiteboard

Whiteboard.jpg http://whiteboard.is/

オフィスの様子をうまくまとめた動画が流れます。実際に働く人たちの様子がとてもよく伝わりますね。


Coulee Creative

CouleeCreative.jpg http://couleecreative.com/

Webデザイン事務所で働く女性の様子をとらえた動画がフリスクリーンで流れます。働く人が実際に見えるのは、これから頼もうとする人にとってはうれしいですね。


Matter Strategic Design

MatterStrategic.jpg http://www.matter.to/

顔が近づけ目だけが全面背景に表示されるという、かなりインパクトの強いサイトです。


Music for every moment - Spotify

Spotify.jpg https://www.spotify.com/uk/video-splash/

背景動画がスローモーションで流れます。動画のクオリティがとにかく高い!


Drexel University

Drexel.jpg http://www.getgoingtoday.org/beyond

軽やかなサウンドトラックと波の音も流れてきます。昔の映画のような雰囲気がでています。




国内サイト


netforest

netforest.jpg https://www.netforest.ad.jp/

Web制作会社netforest(ネットフォレスト)さんのコーポレートサイト。横浜のキレイな町並みが流れます。キーカラーの黒と動画が上手くマッチしています。動きの気持ちいい様々なアニメーションも設定されています。


Questant

Questant.jpg https://questant.jp/

アンケートツールQuestant(クエスタント)を販売する株式会社マクロミルさんのコーポレートサイト。ズームさせた映像が多く非常にダイナミックに写ります。


メルセデス・ベンツ日本公式サイト

merudesu.jpg http://next-a-class.com/animation/index.html

迫力満点の様々な映像が流れます。多数の魅力的なムービーコンテンツを生かしたサイトです。


株式会社九州空撮隊

kyushu.jpeg http://tak-inc.com/

美しい空からの映像が流れます。まるでヘリコプターに乗っているんじゃないかと思うぐらいの臨場感があります。


さいごに

背景動画のサイトはとにかくインパクトが強いです。動画のクオリティが高ければ高いほど、印象に残ります。ただ容量が重すぎると読み込みに時間がかかってしまうので、動画の内容は伝えたいことを必要最低限に、なるべく軽くするように心がけましょう。

© MAKEPO

 
このエントリーをはてなブックマークに追加
   
follow us in feedly
友だち追加数

著者情報

ノビタ

のび太

Web制作会社「NOBITA」の社長をやっております、のび太と申します。大学卒業後、お金を貯めカナダに留学。バンクーバーのビジネス学校で好きな人に出会ってしまったため、日本に帰らず現地企業に就職。未経験ながらWeb制作、メディア運営、ライター業などの仕事に奮闘する。帰国後、フリーランスのWebデザイナーとして独立し、2014年5月、自身の会社を設立。「伸びていくWebサイトをお届けする!」がモットー。 ブログ:がんばれ!のび太!

他の参加者を見る

のび太

関連記事

マーケティングノウハウ足りてますか?

MAKEPOのメルマガ…購読してみませんか?
直近のピックアップ記事のほか、セミナー・ツール活用情報など不定期でお伝えしています。「サイトにアクセスするのは面倒だ!」「電車の中でざっくり読みたい」という方は是非ご登録ください。 リアルタイムで情報取得をしたい方は、RSSまたは公式Twitterをフォローしてご覧ください!

通勤中の情報収集に!

メルマガ登録

いますぐ新着情報を知るなら

LINE@で友だちに追加!