menu

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

リニューアル

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

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

飲食関連

gilgul

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

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

キリン

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

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

自動車関連

Holden

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

メルセデス

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

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

Trill

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

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

小野 良勝 代表取締役

投稿一覧

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

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

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

関連記事

  1. KGIを因数分解することによって明確になるKPI設定

    Webサイトのリニューアルの目標(KGI)を達成するために欠かせないCSF(Critical Suc…

  2. ユーザーの行動をサーモグラフィのように可視化できるヒートマップ

    セッション数やコンバージョン数など、実際のユーザーの行動にもとづいた数値によって自社のWebサイトの…

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

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

  4. 誤解されやすい「ユーザビリティ」。正しく理解するためのポイント(…

    Webサイトの制作・リニューアルにおいて、UIやUXと並んで重要なのがユーザビリティです。ユーザビリ…

  5. 必要な数値だけを必要な切り口で確認。Google Analyti…

    コーポレートサイトやオウンドメディアを運営している企業のWeb担当者のなかには、効果測定ツールとして…

  6. 位置が変われば再生率は2倍以上。Wista社のリサーチに見るWe…

    ますます身近なものになりつつある動画コンテンツ。最近では再生回数や視聴時間に加えて、「好感度」や「印…

  7. Webサイトをリニューアルする前に要チェック。CRO(コンバージ…

    オウンドメディアやECサイトを運営する企業では、LPO(ランディングページ最適化)に重点を置いて運用…

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

    Webサイトの制作やリニューアルでは、ユーザーの動きを意識することが非常に大切です。どれだけ質の高い…

PICKUP

PAGE TOP