menu

業界別に見るWebサイトのシネマグラフ活用事例

リニューアル

GIFアニメーションや動画と静止画の組み合わせによって、被写体の一部だけに動きを与えるシネマグラフ。通常の動画と比べてもより落ち着いたファッショナブルな印象を与えることができる手法として、国内外問わず多くの企業のWebサイトに取り入れられています。

これからシネマグラフの導入を考えている方は、そうしたWebサイトを参考にするのもいいかもしれません。業界別のWebサイトにおけるシネマグラフの活用事例をご紹介します。

飲食関連

gilgul

ケータリングを中心に、プライベートパーティやイベントのプロデュース、ホテルやバーのキッチンコンサルティングを手掛ける会社のWebサイトです。

食材をカットしていく様子や、鍋の中の料理が煮立っていく様子、立ち上る湯気、テーブルに並べられたお皿への盛り付けなどをシネマグラフで紹介しています。テキストは最小限に抑えることで、画面横幅いっぱいに表示されるシネマグラフがより印象に残ります。

キリン

発泡酒「澄みきり」の開発者を紹介するコンテンツで、グラスから立ち上る泡を大き目のサイズのシネマグラフで表現しています。他の画像を通常の静止画にとどめ、1つのページ内でピンポイントにシネマグラフを使うことで、よりアイキャッチ効果が高まっていると言えるかもしれません。

シネマグラフはこうしたシズル表現と非常に相性のいい手法です。海外のWebサイトでも、ポッドから勢いよく注がれる飲み物やシャンパンの泡などにシネマグラフが多く使われています。

自動車関連

Holden

オーストラリアの自動車メーカーHoldenのインスタグラム広告です。新規ターゲット獲得とブランドの認知度アップを目的として女性モデルを起用し、背景の空と女性の髪がなびく様子をシネマグラフで表現しています。

メルセデス

メルセデスベンツのSUVのキャンペーンサイトにもシネマグラフが効果的に使われています。足元の草と背景の砂が立ち上る動きがピンポイントに表現され、静的で落ち着いた画像にアクセントを加えています。

ファッション・ライフスタイル

Trill

女性向け情報サイト「Trill」はコンテンツの画像の一部にシネマグラフを取り入れ、アイキャッチ効果を高めています。シネマグラフを作る際は、あくまでさりげなく、過度な動きは避けるのがポイント。そういった点では参考になる事例かもしれません。

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

小野 良勝

小野 良勝 代表取締役

投稿一覧

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

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

ec01決済でユーザーの70%が離脱?ECサイトにおける3つの決済方法

関連記事

  1. CV到達率によって方向性を見定める。「Google-アナリティクス」活用法(3)

    CV到達率によって方向性を見定める。「Google アナリティク…

    「Google アナリティクス」を用いた定量データによる現状把握・分析では、全体のセッション数をベー…

  2. LPやデバイスシェアからリニューアル要件を検討。「Google-アナリティクス」活用法2

    LPやデバイスシェアからリニューアル要件を検討。「Google …

    KGIやKPIの設定とあわせて、リニューアルの事前準備として欠かせないのがWebサイトの現状把握&分…

  3. webrenewal09

    Webサイトの価値をキープするために、パートナー企業に委託したい…

    Webサイトはリリースしてからが本当の勝負になりますが、常にフレッシュな情報を発信してWebサイトの…

  4. renewal06

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

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

  5. listing03

    サービス開始から約14年。変化し続けるリスティング広告の「今」(…

    GoogleとOverture(現Yahoo! リスティング広告)のサービス開始から約14年が経った…

  6. 消費者の意見=ニーズではない? ユーザーアンケートの注意点

    消費者の意見=ニーズではない?ユーザーアンケートの注意点

    Webサイトの課題の背景・理由を洗い出す定性データの把握・分析において、ユーザービリティテストと並ん…

  7. renewal08

    Web担当者なら知っておきたい、今注目の3つのWebデザイントレ…

    Webデザインのトレンドは目まぐるしく移り変わるものですが、オウンドメディアなどの運営に携わるなら、…

  8. Web-Renewal22

    Webサイトにおけるユーザーの視線の動きを知る(2)

    同じ内容の記事や画像でもレイアウトが違えば見る人の印象は大きく変わってきます。Webサイトの制作やリ…

PICKUP

  1. 利用する前に押さえておきたいWeb広告の特徴とは?
  2. BLEBeacon03
  3. ec04
  4. 次世代のビジネスチャンスを拓くVR&AR活用術 第19回:導入事例_住宅・建築分野
  5. ちゃぶ屋 とんこつ らぁ麺 CHABUTON|ラーメン×エンタメ×サプライズ
  1. Taskmanagement
  2. webrenewal10
  3. ec02
  4. seo08
  5. WebDirector15
  6. ec05
  7. BLEBeacon09
  8. TempTraq
  9. ad08
PAGE TOP