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

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

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

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

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

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

  4. リニューアルによるアクセス数低下を防ぐための対応策

    リニューアルの成否を分けるポイントは、事前の情報設計や準備段階にあるといっても過言ではありません。事…

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

    Webサイトのリニューアルでは、ユーザビリティの改善が目的の1つになることも多いのではないでしょうか…

  6. 画像編集ソフトが苦手な方も安心。手軽なシネマグラフ作成ツール3選…

    画像の一部にピンポイントな動きを加えることによってアクセントをつけ、アイキャッチ効果を高めることがで…

  7. 目に見えない部分こそ大事?開発費と検証費用~Webサイトの制作費…

    Webサイト制作はディレクションとデザインだけでは終わりません。ユーザーが快適に閲覧できるよう配慮さ…

  8. 業界別に見るドローン動画のWebコンテンツ活用事例(1)

    ドローンの登場によって空撮はとても身近な表現方法になりました。ドローンを使って撮影を行うためには国土…

PICKUP

PAGE TOP