マーカーネット株式会社

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制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

簡単レシピ!アメコミ風デザイン素材と活用法!!

今回はアメコミ風のデザインを作るときに役立つフリー素材と活用法をご紹介いたします。 まずは実際のアメコミを見て、簡単に特徴を分析してみます。 アメコミでgoogle画像検索をかけると、、、 とってもカ …

jQueryを使ってみよう【開閉式メニューを作る編】

html・CSSでのマークアップは何となく分かるけどjQueryはちょっと分からないという方、 今からjQueryを使ってみようと思っている方必見。 jQueryの便利な使い方をご紹介します。 jQu …

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

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

【Illustrator】アーガイル模様の作り方

みなさまこんにちは、新人Aです。 今日はまたIllustratorを使って、パターンのお話を。 以前は七宝柄、タータンチェックときて・・・今日はアーガイル柄を作りたいと思います。 アーガイル柄といえば …

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …