高校生に向けたデザインコンペを紹介するwebバナーデザインです。
「Chance!」と書いた旗を振る男子学生といそいそと走る女子学生のバナー。二人が目指しているのは、高校生をターゲットにしたデザイン＆アートコンペです。
明るくて元気な配色
イエロー地にさらに明るいイエローのドット柄を重ねた背景に、楽しくPOPな雰囲気のフォントを使い紺色でタイトルをデザインしました。
挑戦と成長を促すデザイン
黄色は元気やヤル気がアップするモチベーションカラーと言われ、青系は、落ち着きや集中力をアップさせると言われています。二つの色の組み合わせは、新しい挑戦や学びに最適のカラーリング。楽しく前向きなデザインを二つの色で彩り、高校生の挑戦意欲を刺激します。
Z世代（高校生）の心理に刺さる「レトロポップ」の親しみ
本バナーのメインターゲットである高校生（Z世代）に対してアプローチを行う際、過度にスタイリッシュで大人びたデザインや、逆にアカデミックで真面目すぎる表現は、ターゲットから「自分ごと」として認識されにくいという課題があります。そこで採用されているのが、ドット柄の背景や少し懐かしみのあるフォントを用いた「レトロ・ポップ」というデザイン設計です。
デジタルネイティブである世代にとって、こうした要素を少し崩したレトロテイストは、新鮮でエモーショナルな「エモい表現」として変換されます。学校などの公的なコンペティション特有の「堅苦しさ」を、こうしたカジュアルでトレンド感のある文脈で包み込むことにより、「まずは見てみよう」というクリックへの第一歩を自然に促しています。
実写ではなく「イラスト」を採用する心理的没入効果
デザイン系コンペの告知バナーにおいて、実際の高校生が出場している「実写の人物写真」を使わず、あえてデフォルメされたイラストレーションを使用している点にも重要な戦略的意図があります。実写写真はリアリティが出る反面、「この被写体の高校生は、自分とは違うタイプの人間だ（例：すごく絵が上手そうな人だ等）」という心理的な壁（他者化）を生むリスクがあります。
しかし、本事例のような程よく抽象化されたラインアートのキャラクターを用いることで、特定の誰かではない「アノニマス（匿名）性」が生まれ、バナーを見た一人ひとりの学生が「これは自分へ向けられたメッセージかもしれない」と自己投影しやすくなります。この「主役の余白」を残す手法が参加意欲を最大化します。
「情報のエレベーター」としての文字のジャンプ率設計
バナーという小さな面積の中で瞬時に内容を伝えるためには、文字要素の大小の差（ジャンプ率）を極端につけることが鉄則です。このバナーでは、「高校生！」「コンペ」という最も釣りの強い最重要キーワードを極大サイズでレイアウトし、まずはユーザーの高速スクロールを画面上で停止させるフック（引っ掛かり）を作っています。
その後、視線の自然な流れ（左上から右下へ下りていくZの法則）に従い、コンテストの具体的な内容や時期、そして最終着地点としての右下のキャラクターへと目線をスムーズに誘導しています。一見して勢い任せのポップな構成に見えますが、情報の優先順位が徹底的に計算された「引き算と強調」の構造がこの活気あふれるバナーを支えているのです。
制作バナーデザインに対する感想
VOICE ※第三者による感想です
制服姿が青春を感じさせる鮮やかで元気なバナーデザイン
レモンカラーと制服のイメージカラーが青春ど真ん中
鮮やかでポップな印象のドットパターンを背景に、制服の定番カラーであるネイビーで構成されたバナーは、高校生らしい健全さがまず感じられます。色を、濃淡の黄色、ネイビーのみに抑えているので、元気過ぎずちょっと落ち着いた風合いも。マスコット風にややデフォルメされた高校生の男女は、飄々とした表情が今っぽいですね。旗を持っていたりカバンを振っていたりと、動きが感じられる佇まいが元気な印象です。
ドットパターンに映えるレトロなフォントがキュート
どことなくレトロな味わいのフォントは、昨今のレトロブームを意識してのことでしょうか？旗に描かれた「Chance!」も、タイトルの文字も、どちらもちょっと昔風のデザインが一周回って新鮮に感じられます。デザインやコンペの濁点と「ン」の字がきらめきに変換されているのも、美術系の催しであることを印象づけてくれるちょっとした小技でしょう。斜体なので文字が背景のドットに紛れず、読みやすく感じられます。
学びと挑戦の輝くバナーデザイン
・活気あるカラーの選択
こちらの高校生向けのアートとデザインコンペを宣伝するバナーデザインは、イエローと紺色を基調とした配色が、高校生の活力と挑戦意欲を鮮明に描き出しています。
・色彩の心理的効果とイラスト表現
このデザインでは、元気でポジティブなイエローを背景に使用し、さらに躍動感あふれるドット柄を加えています。紺色のタイトルフォントは、落ち着きと集中力をもたらす色として、イエローとの組み合わせで、学びと挑戦にふさわしいバランスを生み出していますね。バナーの中央には、制服姿の男子学生が旗を振り、女子学生が元気に走る姿が描かれており、青春の輝きが感じられるデザインに仕上がっています。鮮やかなイエローとネイビーの組み合わせが、高校生らしい健康的な印象を与えています。
・トレンドを取り入れたフォントとアイディア
また、バナーに使用されているレトロ風のフォントは、最近のトレンドにも合わせたセンスが光ります。旗に書かれた「Chance!」やタイトルの文字が、独特のデザインで目を引き、コンペの雰囲気を楽しく伝えています。さらに、デザインやコンペの「ン」の字が輝きに変わっている点は、美術系イベントを象徴するユニークなアイデアです。
・挑戦を促す魅力的なバナー
全体的に、このバナーデザインは、イエローと紺色の鮮やかな配色と、元気いっぱいのキャラクターが高校生の挑戦意欲を刺激し、アートとデザインコンペへの参加を促す力強いメッセージを発信しています。
※掲載しているバナーのデザインサンプル・モックアップはイメージです。実際のサイズ・用途とは異なる場合がございます。
↓↓↓ Webバナー制作をご検討の方へ ↓↓↓
バナーデザイン事例を見てから検討したい
これまでのバナー制作事例やサンプルについては【Webバナーの制作事例】ページ からご覧いただけます。まずは無料お見積もりから
お見積もりは無料ですので、まずはお気軽にお問い合わせください。SNS広告やディスプレイ広告で成果につながるバナーの考え方や、訴求が伝わるデザインのポイントは【成果を出すWEBバナーデザインの作り方】でくわしく解説しています。デザインコラム・ブログについて
デジタル広告・バナーデザインで成果を出すためのポイントは、デジタル広告・バナーデザインのコラム一覧で詳しく紹介しています。こんなページも読まれています
