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. 注意点は4つ!!Webサイトリニューアルで考えたいSEOについて

    注意点は4つ!!Webサイトリニューアルで考えたいSEOについて…

    現行サイトである程度成果が出ている場合、Webサイトリニューアルは必ずしも良い結果をもたらしてくれる…

  2. renewal06

    メールマーケティングの意外なメリット&効果的な配信のタイミングと…

    Webサイトの制作・リニューアルでは、デザインやレイアウト、コンテンツなどと並んでユーザーへの周知・…

  3. renewal07

    ユーザビリティの高い再生方法&ナビゲーションとは?動画コンテンツ…

    オウンドメディアやコーポレートサイトなどで動画を配信する場合、尺や表示サイズ、掲載位置などとあわせて…

  4. ヒントは制作会社自身のWebサイトにあり。制作会社選びを成功させるコツ

    ヒントは制作会社自身のWebサイトにあり。制作会社選びを成功させ…

    明確なKGIが設定され、定量・定性データの分析から課題と仮説が導き出されていれば、リニューアルの制作…

  5. 定量データでWebサイトの課題を見える化。「Google-アナリティクス」活用法1

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

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

  6. renewal04

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

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

  7. 「やだ…こんなにある…」Webサイトリニューアルで失敗する13の原因

    「やだ…こんなにある…」Webサイトリニューアルで失敗する13の…

    Webサイトをリニューアルして心機一転するのは非常に気持ちいいですよね!ただし、リニューアルに成功す…

  8. Webサイトのリニューアルのメリット&デメリット

    Webサイトのリニューアルのメリット&デメリット

    Webサイトは企業と消費者を結ぶビジネスには欠かすことのできない要素です。コンテンツの品質を向上させ…

PICKUP

  1. 販促支援の大きな柱!?コンテンツマーケティングのはじめ方
  2. arvr04
  3. Whistle
  4. web director wordpress04
  5. ad07
  1. Samsung_Gear_VR
  2. 【リスティング広告】 獲得効率アップの鍵を握る予算設定
  3. bitbite
  4. 【3】VR・AR_HMD_1
  5. BLEBeacon14
  6. BLEBeacon07
  7. 動画広告の代名詞「True-View インストリーム広告」のポイント
  8. Eddystoneとは何か|iBeaconとの違いも合わせて解説
  9. cinder_sensing_cooker
PAGE TOP