- 動画の活用事例を知りたい
- ランディングページで動画の効果を高めたい
そのような方に向けて記事を書きました。
この記事を読めば、
動画の活用事例を知ることが出来ます
今回は、実際に動画を活用していて、参考になりそうなページをピックアップし、動画でも確認できるようにしました。
なぜWEBページに動画が必要なのか？
動画を活用する事で、
・情報量をたくさん伝えられる
・リアルな体験のイメージが伝わる
・読まずに理解をしてもらえるので見てもらいやすい
・注意喚起につながるので離脱防止を図れること
などがメリットとしてあることをお伝えしました。
動画の活用事例
では具体的に、動画を活用した事例について紹介します。
リブセンスの動画活用事例
リブセンスでは、スマートフォン画面いっぱいに背景動画が設置されています。動画で社員の雰囲気や、会社の室内を伝えるような動画になっています。
センスの良さが伝わってきます。
動画を背景としてメッセージを伝えることで、短いメッセージでも世界観を伝えられます。
会社の洗練されたイメージが伝わってきますね。
実際にページを見たい場合は、「リブセンス」で検索してコーポレートサイトをご確認ください。
Cashの動画活用事例
cashでは、15秒ほどの動画で、シンプルに写真を撮ってスマホでアップすればお金がもらえるようなイメージを動画を使って伝わるようにしています。
アニメーションでサービスのメリットや特徴について伝えています。シンプルに伝わります。システムが斬新なので、内容を理解してもらえるように動画を活用している事例ですね。入り口の内容を伝えて、ページの下部で、内容についてしっかり書いています。
非常に短い時間で基礎を伝わりやすくしている工夫が見て受けられます。
三井住友銀行の動画活用事例
動画がゲームの形式になっています。双方向でのコミニケーションをとっているイメージです。
動画と言うと一方的に情報を伝えるコミュニケーション形態のイメージですが、クイズを中身に入れることで、双方向になります。音声もあることでナレーションもついてくるので、すごく楽しく動画を見ることが可能です。音声なしで、ナレーションを字幕で見ることも可能です。
任天堂の動画活用
任天堂の任天堂スイッチの事例です。スイッチを使いながらゲームを楽しんでいるイメージが動画でアニメーションとして流れています
バリエーションもスイッチにあることが伝わってきて楽しそうな世界観が伝わってきます。
もしこれが静止画だったら、こういったイメージがつか伝わってきませんが、動画にすることでイメージがすごく伝わってくる感じがします。
iPad proの動画活用
iPad Proの事例は、パララクスと呼ばれる動きのあるページの構成になっています。
回転させたり実際の使用イメージを動画に差し込み、写真とテキストによる説明と、動画による使用イメージを交えて掲載しています。
コンテンツを読みやすくするかつ世界観が伝わってくるページ構成となっています。
動画単独ではなく、動画と写真とテキストを交えてコンテンツを作るのに参考になるページです。
マウスコンピュータ（インタビュー記事ページ）
インタビュー記事において表現方法が魅力的だったので例として記載します。
動画というよりも、動きがあるページとしての紹介です。
ファーストビューで、写真が切り替わり、ページ全体として動きがあります。
プロの2人の対談がクオリティの高さがイメージできるようになっています。ページの下部のほうも、完全にインタビュー記事を掲載しているだけでなく、動きがあることで写真とテキストを交互に表示させるイメージです。
まず写真を見せて、次にテキストを入れて、ページ全体が動きがある形になっていて、テキストの見落としの防止を図っています、。
一気に表示されず段階的に表示されるので、読みやすいと感じます。
動画を入れる際の注意事項
動画はサイズが重たいと読み込みに時間がかかるので、videoタグで入れるときは、最低限の動画のサイズにして動かすのが良いでしょう。
YouTubeで思い込むと現時点ではiflameタグを使って最初は難しいので、videoタグで自動再生する形が技術的には現実的でしょう。
まとめ
いかがでしたでしょうか。動画を使ったページの制作イメージについてお伝えしました。
動画を使うことで実際にもわかりやすくなったり世界観が触ったりしてきます。
テキスト写真それから動画と使えるものはうまく使って組み合わせを最適化しながらユーザに伝わりやすいコンテンツを作っていきましょう。
