【HerTech架空案件】ウェブデザインスクールバナー

【デザインについて】

●ビジュアルイメージ

時短勤務・子育て中の女性がターゲットなので、母子の写真が“共感性の高いストーリー”が伝わる画像を使用しました。

この画像は柔らかい光・暖色系の写真で安心感があり、「PCが苦手でも大丈夫」「在宅ワークが身近」というメッセージと統一感を感じさせます。

ノートPCを使っているリアルなシーンであるため、受講後の未来イメージが自然と伝わると思い、この画像を選択しました。

●カラー

ベースカラー、アクセントカラーのくすみピンク × オレンジ系の暖色設計が、女性向けで安心感が強くなるように色を選びました。

アクセントカラーの赤を“重要情報（無料・増々・5回）”に絞ることで、 視線誘導をキャンペーン訴求が目に入りやす用にしました。

●タイポグラフィー

キャッチコピーの「在宅ワーク、時短勤務でも今の働き方から１歩前へ」は太めでメリハリをつけ、1秒で“誰向けか”が伝わるように心がけて選びました。

本文は細字で柔らかく、女性向けの世界観に合うように調整しました。

強調したいところは赤・太字など、視覚的な階層分けが明快になるように特に「3回 → 5回」の部分を強調させました。

数字の大きさを変えることで“今だけお得”が直感で伝わるように心がけました。

●情報設計

① 誰向け → ② メリット → ③ キャンペーン → ④ 行動喚起という導線を気にして制作しました。

左上：キャッチコピー → 盛り込む情報の優先順位がわかりやすい

中央：写真 → イメージ訴求

下：キャンペーン訴求

最下部：CTA（予約ボタンがわりのテキスト）

ユーザーが無意識に理解できるようにこのような流れにしました。

【工夫したところ】

丸型のタグ（女性のための・セミナー無料）がアクセントになり、内容を整理し、キャンペーンの価値が分かりやすくしました。

“増々”の中抜きフォントと赤色で、POPさと勢いを演出し、バナーにリズムが生まれて、静的になりすぎないように心がけました。

背景に曲線を使って柔らかい雰囲気を作ることでより女性向けの世界観を出すようにしました。