バナー制作事例 – アートとデザインコンペを紹介するバナーデザイン

高校生に向けたデザインコンペを紹介するwebバナーデザインです。

「Chance!」と書いた旗を振る男子学生といそいそと走る女子学生のバナー。二人が目指しているのは、高校生をターゲットにしたデザイン＆アートコンペです。

明るくて元気な配色

イエロー地にさらに明るいイエローのドット柄を重ねた背景に、楽しくPOPな雰囲気のフォントを使い紺色でタイトルをデザインしました。

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

挑戦と成長を促すデザイン

黄色は元気やヤル気がアップするモチベーションカラーと言われ、青系は、落ち着きや集中力をアップさせると言われています。二つの色の組み合わせは、新しい挑戦や学びに最適のカラーリング。楽しく前向きなデザインを二つの色で彩り、高校生の挑戦意欲を刺激します。

Z世代（高校生）の心理に刺さる「レトロポップ」の親しみ

本バナーのメインターゲットである高校生（Z世代）に対してアプローチを行う際、過度にスタイリッシュで大人びたデザインや、逆にアカデミックで真面目すぎる表現は、ターゲットから「自分ごと」として認識されにくいという課題があります。そこで採用されているのが、ドット柄の背景や少し懐かしみのあるフォントを用いた「レトロ・ポップ」というデザイン設計です。

デジタルネイティブである世代にとって、こうした要素を少し崩したレトロテイストは、新鮮でエモーショナルな「エモい表現」として変換されます。学校などの公的なコンペティション特有の「堅苦しさ」を、こうしたカジュアルでトレンド感のある文脈で包み込むことにより、「まずは見てみよう」というクリックへの第一歩を自然に促しています。

実写ではなく「イラスト」を採用する心理的没入効果

デザイン系コンペの告知バナーにおいて、実際の高校生が出場している「実写の人物写真」を使わず、あえてデフォルメされたイラストレーションを使用している点にも重要な戦略的意図があります。実写写真はリアリティが出る反面、「この被写体の高校生は、自分とは違うタイプの人間だ（例：すごく絵が上手そうな人だ等）」という心理的な壁（他者化）を生むリスクがあります。

しかし、本事例のような程よく抽象化されたラインアートのキャラクターを用いることで、特定の誰かではない「アノニマス（匿名）性」が生まれ、バナーを見た一人ひとりの学生が「これは自分へ向けられたメッセージかもしれない」と自己投影しやすくなります。この「主役の余白」を残す手法が参加意欲を最大化します。

「情報のエレベーター」としての文字のジャンプ率設計

バナーという小さな面積の中で瞬時に内容を伝えるためには、文字要素の大小の差（ジャンプ率）を極端につけることが鉄則です。このバナーでは、「高校生！」「コンペ」という最も釣りの強い最重要キーワードを極大サイズでレイアウトし、まずはユーザーの高速スクロールを画面上で停止させるフック（引っ掛かり）を作っています。

その後、視線の自然な流れ（左上から右下へ下りていくZの法則）に従い、コンテストの具体的な内容や時期、そして最終着地点としての右下のキャラクターへと目線をスムーズに誘導しています。一見して勢い任せのポップな構成に見えますが、情報の優先順位が徹底的に計算された「引き算と強調」の構造がこの活気あふれるバナーを支えているのです。

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