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

【デザイン】

■カラー

・女性の多面的なライフスタイルを表現する「マゼンタピンク・ミントグリーン・ホワイト」の多色使いで、明るく賑やかな印象に。

□ベースカラー（ホワイト）：

　写真の背景や大きな吹き出しに白を使用することで、要素が多くても圧迫感を与えず、クリーンな学習環境をイメージ。

□メインカラー（ピンク）：

　キャッチコピーの「私らしく」を強調し、女性特有の華やかさや一歩踏み出すワクワク感を演出。

□アクセントカラー（グリーン）：

　「自由」「Webデザイン」といった先進的かつ爽やかなイメージを補完。ピンクとの対比で画面にリズムを生んだ。

■タイポグラフィ

・キャッチコピー/本文：Noto Sans JP

・サブコピー/アクセント：イワタ丸ゴシック体

■情報設計

・要素を斜めや円状に配置することで、「躍動感」を持たせつつ重要なメリットに視線を誘導する構成に。

□感情的フック（左上）：

　最も大きなフォントで「私らしく、自由な暮らし」を提示。ターゲットであるママ世代や働く女性の理想を真っ先に捉えさせた。

□共感（中央）：

　赤ちゃんを抱きながらパソコンに向かう女性の写真を配置。具体的な利用シーン（在宅ワーク・子育てとの両立）を一瞬で連想させた。

□限定オファー（左下）：

　視線が自然に下がり、丸みのある大きな吹き出しへ。「今だけ5回増々！」というお得な数字を強調し、メリットを伝えた。

□最終アクション（右下）：

　目を引くピンクのボタン「セミナーを予約する」へ。上部の「まずは無料で〜」というマイクロコピーで、参加への心理的ハードルを下げた。

■一層の参加促進を考えるなら

・ターゲットが「子連れのママ」や「忙しい女性」であることを踏まえ、「不安の解消」と「具体性の強化」にフォーカスするのが効果的。

□「時間」と「場所」のハードルを下げる：

　「完全オンライン完結」という文言でオンラインを強調し、「たった60分でキャリアが見える」など、短時間で終わることを明記。「お子様の急な体調不良でも安心。録画配布あり」といった一言をボタン付近（マイクロコピー）に添える。

→ターゲット層にとって最大の懸念は「育児や仕事と両立できるか」であることを考慮。

□「未経験者」への徹底的な安心感：

　「タイピングができればOK」などでPCスキルのハードルを下げ、「受講生の9割が未経験スタート」といった、安心材料となる実績をバッジ（円形の装飾）等で追加。

→「私にできるかな？」という迷いを消す要素を加える。

□「今」参加するメリットの具体化（緊急性）：

　「案件獲得サポート付き」など、回数が増えることで何が手に入るのかを明文化。「【限定】今週の無料セミナー 残り〇枠」など残席を表示。

→現状の「5回増々」をより切実なメリットに繋げる。

【工夫したポイント】

■「増々！」の強調表現：

　数字を大きくし、手書き風のアクセントを加えることで、キャンペーンの勢いと限定感を直感的に伝えた。

■サークルとストライプの背景：

　背面に円形や斜めストライプ、ドットなどの幾何学模様を重ねることで、デザインの密度を高め、プロのスクールらしい「スキルの習得」を想起させる知的な遊び心を加えた。

■「女性のための〜」バッジ配置：

　ターゲットを明文化した円形のバッジを写真の横に配置することで、自分事化させるための強いフックとして機能させた。

■視認性を高める境界線：

　左側の大きなコピーに背景と同系色の影（ドロップシャドウ）を薄く入れるなど、背景の白に埋もれないよう細やかな配慮を。