【HerTech 架空案件】Webデザインオンラインスクールバナー

【デザインについて】

◇ビジュアルイメージ

子育て中の女性をターゲットに、「親しみやすさ」「安心感」を意識してデザインしました。やわらかいパステルカラーと丸みのあるシェイプを取り入れることで、優しい雰囲気と挑戦を後押しする前向きな空気感を表現しました。

◇カラー

• ピンクとミントグリーンを基調にし、ターゲットである20〜40代女性が親しみやすく、清潔感のある雰囲気を演出しました。
• パステルトーンを使うことで「やさしさ」「女性らしさ」「自由で柔らかなライフスタイル」を表現しました。
• 重要な箇所（数字・CTAボタン）は彩度の高いピンクで強調し、自然と視線が集まるようにしました。

◇タイポグラフィ

• キャッチコピーには視認性の高いゴシック体を使用し、キーワードの「私」「自由」をカラフルに強調することで、メッセージ性を直感的に伝えられるようにしました。
• 本文や説明部分は可読性を重視し、細めの書体でやわらかさを演出しました。

◇情報設計

• 「キャッチコピー▶モデル画像・サブコピー▶キャンペーン情報▶CTAボタン」 の流れで情報を配置しました。

• キャッチコピーの「私らしく、自由な暮らし」を大きく配置し、ターゲットが憧れる未来を直感的に伝えるようにしました。
• キャンペーン情報（面談回数が3回 → 5回に増々）を入れ、具体的な「お得感」で興味を引くようにしました。
• 写真で「子育てしながら学ぶ女性」を見せることで、ペルソナが自分事としてイメージしやすい構成にしました。
• 下部に「セミナー参加無料」という安心感を与える文言と、「セミナーを予約する」という明確な行動喚起を配置して、自然な導線でCTAボタンへ誘導できるようにしました。

【工夫したポイント】

◇メリハリのある情報設計

数字（3回 → 5回）の文字サイズを大きく・色分けして強調し、ひと目で「増々キャンペーン」の魅力が伝わるようにしました。

◇ターゲットに寄り添った世界観

• 赤ちゃんと一緒の女性モデル写真を使うことで、「子育て中でも学べる」という安心感・共感を与えられるようにしました。
• 背景にはドットやストライプなどやわらかいメンフィス柄を取り入れ、全体のデザインにリズム感を出しつつ堅苦しさをなくしました。

◇CTA（行動喚起）の強調

CTAボタンは明るいピンクで存在感を出しつつ、丸みを持たせてやさしい印象を残しました。