Facebook 【HerTech架空案件】オンラインスクールバナー
Logo

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

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】オンラインスクールバナー-1
シェア
制作ノート
制作過程

デザインについて

暖かみのある室内で、赤ちゃんを抱えながらノートパソコンを使う女性の写真をメインに使用。 「家庭とキャリアの両立」を自然にイメージできるように構成しました。 見出しにはやわらかい口調のコピー「好きな時間に、好きな場所で、わたしのスキルを」を配置し、 自分ごととして共感しやすいメッセージに仕上げています。 背景のぼかしとピンクトーンのグラデーションで安心感と前向きな印象を演出。

カラー

  • メインカラー: サーモンピンク  → 優しさ・前向きさ・女性らしさを象徴。
  • アクセントカラー: ライムグリーン(「今だけ」強調部分)  → ポジティブで行動を促す印象。
  • サブカラー: ホワイト・ベージュ  → 清潔感と信頼感をプラス。

情報設計

ユーザーが一瞬で内容を理解できるよう、 1️⃣ 共感コピー → 2️⃣ メリット提示 → 3️⃣ 行動ボタン の流れで視線誘導を設計。 「キャンペーン」「面談回数アップ」など、具体的な得点を明確化し、 行動へのハードルを下げています。 右下の「無料セミナー参加予約」ボタンを目立たせ、 クリック導線を自然に強調しています。

シェア
この作品のその他の制作ノート
デザインの工夫ポイント

もっとみる