バナー制作事例 – 海外コンペを紹介するWEBバナーデザイン（2019年ver）

コントラストの強いデザインで印象付ける海外コンペのWEBバナーデザインです。

花々を帽子のように頭に飾る女性のイラスト。ブルーの背景には飛行機が飛び、罫線で囲われたタイトルが大きく入ります。

対比を生むサイズとカラー

首から上を描いた女性のイラストと下から見上げた飛行機の全形。この2つのイラストの大小の関係性が距離感の対比となり、ブルーとピンクの対照色の組み合わせと合わさって、デザインに強いコントラストを生んでいます。強いコントラストは、それだけインパクトを残すため見た人の記憶に残りやすく、興味を引くきっかけになります。

バナーデザインの作成費用について ↗

イラストが伝えるグローバルな活躍の可能性

また、花を頭に飾った女性のイラストと飛行機は、グローバルで華やかな海外での活躍を示唆しています。

ブルー×ピンクの対照配色が生む記憶への定着

このバナーでは背景のブルーと女性のイラストに使われたピンクが、意図的に対照関係を形成しています。色相環上で反対側に位置するこの2色は、並べるだけで互いの鮮やかさを引き立て合います。ウェブ上のバナーはページ内の他要素と視覚的に競合するため、色の組み合わせで瞬時に目を引く工夫が欠かせません。

ブルーは「広がり」や「信頼」、ピンクは「華やかさ」や「親しみ」といった印象をそれぞれ持っています。海外コンペへの応募というテーマに対して、ブルーがグローバルな舞台の広がりを担い、ピンクが「気軽にチャレンジしてみよう」という親近感を添えています。対照色の組み合わせは単なる見た目のインパクトだけでなく、バナーが伝えたいメッセージの二面性をそのまま色で表現する手法です。罫線で囲われたタイトルも、ブルー背景の中で白抜き文字として浮かび上がり、対照配色の効果をさらに引き立てています。

ウェブバナーの表示サイズはデバイスによって大きく変わりますが、ブルーとピンクの対照関係はサイズが小さくなっても色の差異として認識できます。スマートフォンの画面上で縮小表示されても、この二色の対比が「何か目を引くものがある」という第一印象を確保し、タップを促す入口の役割を維持できる配色です。

大小スケールの対比で「距離」を描く

首から上を大きく描いた女性と、画面の隅を横切る小さな飛行機。この極端なサイズ差は、遠近法的な距離感をイラストの中に生み出します。大きい＝近い存在としての「いまの自分」、小さい＝遠い場所を飛ぶ「海外の舞台」。二つの距離を一枚のバナーに収めることで、応募すれば自分もあの遠くの世界に到達できるという物語が視覚的に成立します。

花を頭に飾った女性の表情も、どこか遠くを見つめるような角度で描かれています。視線の先が画面外に向いているため、閲覧者は自然と「その先にあるもの」を想像します。バナーの枠を超えた余韻を残すことで、コンペ紹介ページへのクリックという次の行動を促す設計になっています。

イラスト内の女性が真正面ではなく斜めの角度で描かれている点も、バナーに動きと方向性を与えています。正面向きの人物はその場にとどまっている印象を受けますが、横顔に近い角度は「どこかへ向かっている途中」を想起させます。海外コンペへの応募という「次のステップ」に進もうとしている姿を、ポーズの角度一つで表現した構図です。

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