バナー制作事例 – 映画のWebサイト用バナーデザイン

映画の世界を切り取ったwebサイト用バナーデザインです。

大阪を舞台に、さまざまな事情を抱える大人を相手に少女が家賃の取り立てを行うという、ユニークで心温まる人情劇。3つのバナーは、それぞれ映画を代表するスチールカットを使い、キャッチコピーと共に映画の世界をチラリと紹介しています。

大衆食堂の前の二人とキャッチコピーの魅力

一つ目のバナーは、主演の少女と住人が大衆食堂の前で無表情に立つ絵柄。決して楽しそうに見えない二人についたキャッチコピーは「それでも楽しくやっています」。思わず突っ込みたくなる状況に、映画への興味が沸々と沸き上がります。

レトロな大阪の風景と文化住宅

二つ目のバナーは、少女が文化住宅の間を歩くカット。大阪の味のあるレトロな街並みが映画の世界へと誘います。

バナーデザインの依頼はこちら ↗

お金と少女 – ポップな色合いで表現した異色の組み合わせ

三つ目は、一万円札を敷き詰めた物々しい背景に、大人びた表情で闊歩する少女の写真を重ねた絵柄。お札と少女という異色の組み合わせを、黄色のスクリーンとピンクのシャドーでPOPに仕上げています。

Webバナーの「数秒」に賭けるデザイン

Webバナーは、サイトを訪れた人がスクロールしながら一瞬だけ目にする媒体です。チラシやポスターのように手に取ったり立ち止まったりする時間は期待できません。表示されてから視線が通り過ぎるまでの1〜2秒で「何の作品か」「気になるかどうか」を判断させる必要があります。

この制約の中で映画の魅力を伝えるには、「説明」ではなく「引っ掛かり」を作ることが求められます。あらすじを書いても読まれません。代わりに、スチールカットとキャッチコピーの組み合わせで「ん？」と思わせる違和感を仕込むのが映画バナーの常套手段です。1本目のバナーで、不機嫌そうな二人に「それでも楽しくやっています」というコピーを添えているのは、まさにこの「違和感による引き止め」の手法です。

3本セットで展開する理由

一つの映画に対して3種類のバナーを制作しているのは、配信先のWebサイトやSNSの掲載枠に合わせるためだけではありません。映画のバナー広告は、同じユーザーに対して複数回表示されることを前提に設計されます。1回目に見たバナーと2回目に見たバナーが同じデザインだと、二度目以降は「もう見た」と認識されてスルーされます。

3本のビジュアルを切り替えて表示することで、同じ映画の広告なのに毎回違う角度で関心を引ける構造になっています。1本目は「人物の表情とコピーのギャップ」、2本目は「ロケーションの空気感」、3本目は「ポップな色彩と異質な組み合わせ」──それぞれ訴求の軸が異なるため、異なる層の興味に刺さる可能性があります。

「ミスマッチ」を意図的に使う映画バナーの手法

3本目のバナーで採用されている黄色のスクリーンとピンクのシャドーは、映画の内容から考えると意外な配色です。お金と少女という重めのテーマに、原宿のストリートカルチャーを連想させるようなポップな色を重ねている。この「内容とビジュアルのミスマッチ」こそが、映画バナーにおける強い武器になります。

内容に忠実なトーンでデザインすると、シリアスな映画はシリアスなバナーになり、Web上の華やかなコンテンツの中に埋もれてしまいます。あえてポップに振ることで、周囲のコンテンツとの差異が生まれ、視線が止まります。止まった後にキャッチコピーを読むと「あれ、内容は軽くなさそうだぞ」と二段階で興味を引く──この構造は、バナーの「一瞬で判断される」という媒体特性を逆手に取った設計です。

制作バナーデザインに対する感想