menu

ユーザーに新鮮な驚きを与え、想像力を掻き立てる「シネマグラフ」とは?

リニューアル

Webサイトのアイキャッチ効果を高める方法の1つとして最近注目を浴びているのが「シネマグラフ」です。シネマグラフとは、GIFアニメーションや動画と静止画の組み合わせによって、被写体の一部だけ動く加工を施した画像のこと。

大手企業のプロモーションサイトなどで写真の人物がまばたきをしたり、足や髪の毛だけが動いたり、ビールジョッキの水滴がゆっくり流れ落ちたりする写真を見かけたことがある方もいらっしゃるかもしれません。それらもシネマグラフの1つです。

シネマグラフはインタラクティブコンテンツなどに比べればシンプルな手法ながら、ユーザーにサプライズを与え、想像力を掻き立てることができます。Webサイトのリニューアルやコンテンツの見直しを考えている場合、取り入れてみるのも面白いかもしれません。

シネマグラフの仕組みと特徴

シネマグラフやPhotoshopや専用ツールを使って作成することができます。いずれも基本的な仕組みは、ベースの動画のなかから1コマ(静止画)を選び、動きを出したい部分にだけ穴を開けて、それを元の動画の上に重ねるというもの。

そのうえで動画をループ再生させると、穴の開いた部分だけ映像が切り替わります。Photoshopのレイヤー加工や、簡単な動画編集をしたことがある方ならそれほど難しい作業ではありません。

シネマグラフは動きの激しい動画に比べて落ち着いた印象を与え、音やみずみずしさなどを連想させることができます。あるWebサイトでは、シネマグラフによって通常の画像の約5.7倍のCTR(クリック率)を記録した事例もあります。

シネマグラフの活用方法

まず効果を発揮するのが広告です。例えばクリエイティブの面で他社との違いを打ち出すのが難しいディスプレイ広告も、シネマグラフを使えばユーザーに驚きと新鮮さを与えることができます。同じように動きや変化をつけにくいメールマガジンや、SNS広告に使ってみるのも面白いでしょう。FacebookやInstagramといったSNSも、広告へのシネマグラフ利用を推奨していると言われています。

さらにコンテンツマーケティングにおけるブログなどに使うのも1つ。何気なく訪れたWebサイトで写真の女性が突然まばたきしたら‥気になって思わずその先を読みたくなりませんか?

リニューアルに関するご依頼、ご相談、お見積はこちら

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

Webサイトのプランニングに活用できる「マインドマップ」(前編)

VRによって救われた命。外科手術でのGoogle Cardboard活用事例

関連記事

  1. モックアップ作成も自分でできる、便利なWeb制作ツール3選

    WordPressやオンライン上の画像編集ソフトなどさまざまなツールが普及し、Webサイトの制作・リ…

  2. Webサイトとあわせて注目したい、制作会社選びの意外なポイント

    制作会社選びで失敗しないためには、制作会社自身のWebサイトとあわせて、制作会社からの連絡手段や対応…

  3. リニューアルに欠かせない現状把握&分析。具体的な3つのアプローチ…

    Webサイトのリニューアルを成功させるためには、「ゴールと指標」、「目的と手段」という要素をきちんと…

  4. ゴールはあくまでKGI。KPI設定において見落としがちなポイント…

    事前の情報設計が成功へのキーポイントとなるWebサイトのリニューアル。とりわけKGI、KPI、CSF…

  5. メルマガ配信システムを導入するなら欠かせない、3つのチェックポイ…

    Webサイトのリニューアル・公開にともなうユーザーへの周知・共有方法として、今なお高い効果を発揮する…

  6. 定量データでWebサイトの課題を見える化。「Google アナリ…

    Webサイトの現状把握&分析において、最初に取り組んでおきたいのがアクセス解析ツールを用いた定量デー…

  7. 2つ一緒に考えるのは間違い‥?UI/UXそれぞれの違い・注意点に…

    UI(ユーザーインターフェイス)とUX(ユーザーエクスペリエンス)はWebサイトの制作・リニューアル…

  8. ストーリー・背景を含めて「リニューアルする目的」を整理する

    購買行動の変化や事業戦略の変更など、さまざまな要因によって必要になってくるWebサイトのリニューアル…

PICKUP

PAGE TOP