Marketing Blog マーケティングブログ

2015.09.08

WEBサイト集

【ちょっと不思議な動画を使って魅力的なwebサイトに!】

こんにちわ!
キューブデザイナーの片山です。

突然ですが、皆さんは、動画を見たり、
撮影することは好きですか?

私は人の心に残るような少し面白く、
不思議な動画を見ることが好きです。

学生の頃に、動画やイラストを使って
GIFアニメーションというものを
趣味で作成していたこともあります(笑)

そんな動画やアニメーションが
webサイト流行の一つとして
2015年に多く取り入れられています!

皆さんも全画面を動画にしたサイトを
最近、よく見かけるのではないでしょうか?

今回は、そんな面白くてちょっと不思議な動画をとりいれた、
webサイトを紹介していきます(*^^*)!

●日清食品

nishin
https://www.nissin.com/jp/

皆さんも一度は食べたたことがあるのではないでしょうか?
そう!日清食品のカップヌードルの特設サイトです!

このサイト!とても上手に動画を取り入れられているんです!

サイトの右端にある、タイマー!!

①自分の好きな時間に設定してみてください(5分まで可能です)
②『START』のボタンを押してみてください

このタイマーが進むと同時に、カップヌードルができるまでと
出来上がって食べる様子が動画でながれていきます(*‘∀‘)!

とてもスローモーションに編集された動画が使われているので、
不思議な感覚に目を惹かれますね!!
また、様子がしっかりと伝わってくるようにも感じますよね♪

あの、「待つときの早く食べたい!まだかな~♪」という
わくわく感が上手くwebデザインとして取り入れられていて
素敵ですよね♪

●万国學生藝術展覧祭

mankoku
http://www.gakuten.jp/

学生のためのアートイベント 万国學生藝術展覧祭のサイトです。

まずTOPには、学生が楽しそうにイベントの準備に
取り組んでいる様子が画面に広がっていますね!

まずこの動画に惹かれるのは、一つの撮影動画だけではなく、いくつかの
動画を組み合わせているところと、ピントがあったりあわなかったり…
などがリズムよく流れていることで、見入ってしまう仕組みになっています!

動画を使用している部分はここだけではなく..
下にスクロールをしてみてください!

例えば、交通アクセスの部分!!
動画が1つのリンク先になっているんです!
ゆりかもめという東京の交通手段の一つを動画にしているのですが、
とても速い乗り物にでも乗っているようなそんな永遠ループの表現で
見ているだけでも楽しめてしまいますよね!

リンク先にはなっていませんが、
葉が揺れている動画も一部取り入れられていて、
動画とそうでないものとのバランスが
全体を見たときよくとれているサイトだなと感じます。

さて、ここで次に紹介するサイトなんですが..

前者に紹介した二つの動画とは
少し変わった手法を使っているのです!

前置きとして…

みなさんは、「シネマグラフ」という言葉を聞いたことがありますか?

簡単に説明すると、無限ループアニメーション!!

撮影した動画をphotoshopなどの編集ソフトを使って、
作成していきます!!

では、サイトを紹介していきたいと思います(^^)/

●gilgul

gulil

http://gilgul.co.il/eng.html

食品・飲料を取り扱うお店のサイトです。

前置きにも説明さていただいた、
「シネマグラフ」をサイト全体に使用しています♪

サイトを開けると、お鍋の中でグツグツと煮込まれている
動画が取り入れられていますね!
見ているだけでもうお腹がすいてきますね(笑)

このシネマグラフをいくつか使用して、
料理が出来上がるまでを表現しています!

この「シネマグラフ」という方法を使うことで、
普通の動画とは違って、一部だけが動いているという
ちょっと不思議な感覚もあって印象に残りやすいですよね!

また料理の美味しそうな香りが画面から感じられるような
シズル感がこのような方法で出せるのはとても魅力的に感じませんか♪

動画と言っても、このように見てみると、
使う場面やサイトのイメージによって、
様々な編集がなされており、ずっとみていられそうな、
面白くさとわくわくがあったのではないでしょうか?

webデザインの一つとして、動画を使うことで、
商品のイメージ等がつかみやすいかつ、
こんなにも印象に残るんですね♪

また、不思議な動画を探せたらなと思います!

次回もお楽しみに☆彡

お困りのことがあれば、
お気軽にお問い合わせ
ご相談ください。

ホームページ作成 / スマホ対応 /
アクセス解析 / サーバー管理 / サイト更新

営業電話は電話ではなくパートナー募集メールフォームより入力してください

pagetop