マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

背景に動画を取り入れたWEBデザイン

投稿日:2014年4月28日 更新日:

動画を取り入れたWEBサイト。
大分主流となってきて、見かける頻度も一段と増えました。

動画 = 重い

という概念もどこへやら。。

最近のWEB動画はとても軽い。
背景として動画を入れ、飽きさせることなく、
ユーザーとのコミュニケーションにより成功しているWEBサイトを
いくつかご紹介します。

petit-ACCUEIL
petit ACCUEIL

シャルトリキュールのお取り寄せサイトは、アクセスした瞬間に動画が流れ、なんともオシャレな食卓、そこに並ぶ美味しそうなお料理たちが
目に飛び込んできます。
「こんな食卓を囲みたい!」と思った人は少なくないはず。

”それを実現するのがここで販売している食材たちだよ”
→”ぽちっ(カートを押した音)”

そんな導線が見えてくるようです。

静止画では伝わらないお料理の魅力と、シチュエーションの雰囲気を
動画を使い、最大限に引き出していますね。

 

questantQuestant

無料セルフアンケートのコンテンツサイト。
このようなコンテンツサービスは「どのような機能なのか」を
ストレスなく、どう理解して貰えるかがとても重要。
少しでも分かり難い説明は、残念ながら離脱に繋がってしまいますね。

その一番 ”面倒” だけど ”重要” な部分を
動画によって、感覚的に理解させる事に成功しています。
それも一瞬で。
非常に効果的な使い方で、サービス自体にも好印象を持ちますね。

 

POOL-incPOOL inc.

広告企画・制作会社のWEBサイト。
”面白い提案をバシャバシャ生み出す”というコンセプトのもと作られたサイトのようで、最初の動画のインパクトは絶大。
面白いアイデアの中にどこか親しみと懐かしさを覚える演出も、
企業ブランディングの一貫なのでしょうね。
アイデアや動きのひとつひとつが精巧で面白いため、
ずっーと見ていたくなります(笑)

このように自社の企業ブランディングにも動画表現は大いに役立ちます。静止画に比べて動画は表現方法が無限です。

 

”動画で面白いことをする”のではなく、
”面白いことを動画にする”
これが成功の秘訣かもしれませんね。

東京のWEB制作会社 マーカーネット株式会社 公式WEBサイトへ

-WEBデザイン, WEB制作

関連記事

【Vol.1】優れたキャッチコピーを見て、閃き力を上げよう!【ファッション編】

Contents は~るがき~た、は~るがき~た♪ みなさまこんばんは。いかがお過ごしでしょうか? 桜の花が各地で満開を迎え、 日差しもあたたかくなり春を感じることが少しずつ増えていく毎日ですね。 春 …

サイトリニューアル!する?しない?

こんにちは。web制作初心者のKです! さてさて、今日は初心者の私がサイトを制作するうえで、 「サイトリニューアルの判断材料のひとつ」をお話したいと思います! これは、「BtoC(消費者向け)サイトの …

【世界一カンタン?!】1枚の画像だけでロールオーバーをさせる方法

【世界一カンタン?!】1枚の画像だけでロールオーバーをさせる方法

画像のロールオーバーって面倒ですよね。 2枚の画像を用意してJavascriptで制御して、、や背景画像していしてh overで、、 というのが一般的ですが、 今回は画像1枚だけ。CSSに4行記載する …

コロナ太り解消!!!~会社の取組~

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。 以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応して …

【2014年のWEBデザイン!】流行するカラー&廃りそうなスタイル

【2014年のWEBデザイン!】流行するカラー&廃りそうなスタイル

2013年も気が付けば残り1週間。早いものですね~(しみじみ) WEBの業界は流行り廃りが激しいもので、 デザインに限って見ても、この1年間でもさまざまな動きがありましたね。 2014年、WEBデザイ …