ブログ

BLOG 2018.06.18AIブログ

勝手にサイト紹介!動画を使用したハイセンスなWEBサイト5選

こんにちは!制作部のゆりです。                   

動画が流れているサイトってすごく印象に残りますよね。
最近では多く見かけるようになって、ホームページ内で動画が流れるとだいたい
手を止めて見てしまいます(゜o゜)

そこで今回は、今まで見た中で特に魅力的だった、
”動画を使用したサイト”を紹介していきます!

1. 株式会社 キュー

http://www.q-co.jp/

サイトにアクセスするといきなり赤ペンが置いてあります。
この赤ペンをクリックするとマウスの代わりに赤ペンを自由に動かすことができ、
線をつなげるとサイト上で動画が現れるという、とても斬新なウェブサイトになっています。
きっと、一度見たら忘れられません!

2. POGG

https://pogg-sweetpotatopie.com/

スイートポテトを作っている様子が、いくつかの動画によって伝えられています。
スクロールすると出てくる文字や写真の動きにもなめらかさがあって、
商品の魅力をサイト全体で表現しているようなハイセンスなホームページです。

3. JAL

https://www.jal.com/ja/csr/soraiku/steamschool/

飛行機と空の世界について学べるという、体験型プログラムのコーポレートサイト。
他ではないような珍しい内容ですが、動画が再生されることによって授業の様子が分かり、
実際にうけるときのイメージがしやすいですね:-)
背景が常に動いているのでわくわく感も感じられ、webデザインとしてもぜひ参考にしたいホームページです。

4. おいしいおみそ汁の作り方

https://www.marukome.co.jp/recipe/misosoup/

トップでは、綺麗なお姉さんが手順をおってお味噌汁を作っていく動画が再生されます。
この動画を見たら、お味噌汁を作りたく(作ってもらいたく)なるのは間違いなしです笑
イラストや写真をうまく取り入れていて分かりやすく、
お味噌汁のことがぎゅぎゅっと詰められたとても魅力的なサイトですね。

5. 悪魔メシ

http://www.kirin.co.jp/products/wine/cyt/wines/diablo/akuma-meshi/

SNSで話題となった”悪魔メシ”の、公式ウェブサイト。
トップの動画では料理と悪魔を連想させた映像が流れ、ストーリー性があり、とても興味をそそられます。
また、スクロールすると、メイン料理のレシピと共に作り方動画も見られるようになっており、
ブックマークをしておきたくなるような、完成度の高いホームページに仕上げられています。

おわりに

いかがでしたでしょうか?

動画には、
・文字や写真だけでは伝わらない部分を伝えることができる
・ユーザーの印象に残りやすい
・リアルなありのままの様子を伝えることができる
というメリットがあるようです。

まだ制作で扱ったことはないですが、
今後動画を使用したサイトにも挑戦していけたらなと思います!

ちなみに、自社のホームページでも動画を取り入れているので、
よかったら見てみてくださいヽ(^o^)丿

では、ご閲覧ありがとうございました!
次回もよろしくお願いします。

Tweet Share RSS

関連記事