バナーデザイン

OVERVIEW

オンライン広告を想定したバナーデザインについて、情報の優先順位と視認性、CTAへの導線を意識して改善を行いました。

YEAR 2025

職業訓練校の課題として作成したオリジナルバナーに対し、講師からのフィードバックをもとに、情報の整理・優先順位付け・視認性向上を意識して改善しました。
限られたスペースで必要な情報が瞬時に伝わり、CTAへの誘導が自然に行えるデザインを目指しています。 

バナーデザイン①

<ペルソナ>
32歳男性。Webコンサル会社の代表取締役で、売り上げの拡大を目指している。従業員数は100人であり、人材の確保と定着に悩んでいる。美味しいお酒とご飯でしっぽり過ごすことが好き。

<講師からのコメント (Before)

  • 袋文字が多く、ごちゃごちゃした印象になっている。
  • サイズ感が均一でキャッチが目立っていない。
  • 一目でサービスとメリットが伝わる構成にするとよい。 

<改善・工夫したポイント>

  • 伝えたい内容を整理し、サービス名・価格・CTAに情報を絞りました。

  • 文字サイズに強弱をつけ、メインコピーが最初に目に入るレイアウトを意識しています。

  • CTAは「無料サンプル」と行動が分かりやすい表現にし、配色と配置で自然に視線が集まるよう工夫しました。


バナーデザイン②

<ペルソナ>
35歳の既婚女性。育休中で6ヵ月の男児を育てており、自分の時間がとれないことが悩み。夫は仕事が忙しく家事・育児は一人で担っている。最近、頭痛が酷いため病院を受診したいが、子供を連れての通院が難しく困っている。

<講師からのコメント(Before)

  • 文字量が多く情報の優先順位が分かりにくいため、キャッチコピーの強弱や構成を整理する必要がある。
  • 広告として一目でサービスの内容やメリットが伝わるよう、ポジティブなイメージを用いた表現が望ましい。 

<改善・工夫したポイント>

  • 情報量を整理し、「サービス内容・ターゲット・行動導線」が一目で伝わる構成にしました。

  • メインコピーのサイズと配置に強弱をつけ、視線の流れを意識したレイアウトにしています。

  • ポジティブな利用シーンの写真を採用し、安心感と使いやすさが伝わる印象にしました。


バナーデザイン③

<ペルソナ>
40歳既婚男性で3歳の男児を育てている。子供が産まれてから、移動手段は自動車ばかりになり、バイクを乗る機会が減った。そのため、バイクを売りたいと考えるようになる。大切に乗っていたバイクのため、丁寧に買取してくれる業者を探している。

<講師からのコメント(Before)

  • 文字の可読性や情報の優先順位が弱く、広告としての印象が伝わりにくい。
  • すべて同じ見せ方になっているため、商材やターゲットに合わせた印象設計が必要。

<改善・工夫したポイント>

  • ネイビーとホワイトを基調にすることで、バイクを安心して任せられる信頼感や誠実な印象を意識しました。
  • 情報を詰め込みすぎず、バイク画像とテキストの余白を確保することで、視認性と読みやすさを向上させました。
  • アクセントカラーはCTAに限定し、視線を集めたいポイントが自然に伝わるよう工夫しました。