Facebook 【Her Tech 架空案件】Webデザイナーオンラインスクールバナー
Logo

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

クレジット
Avatar
WEBデザイナー
【Her Tech 架空案件】Webデザイナーオンラインスクールバナー-1
シェア
制作ノート
制作について

【デザインについて】

「在宅ワーク」「キャリアサポート」「フリーランス転向」など、人生の選択肢を広げたい女性に向けての訴求を意識しました。

●コンセプト・デザイン方針

育児や時短勤務で制約がある女性たちにも、「自分にもできる」「今すぐ始められそう」という前向きな気持ちを引き出すことが目的です。Webデザインで”私らしい働き方”を始めたい女性の背中をやさしく押せるようなバナーを目指しました。

●カラー

ベースカラーにはピンク味を含む淡いグレイッシュカラーを使用し、親しみやすさと女性らしい世界観に設計にしました。メインカラーでは、フェミニン、柔らかさを直感的に感じさせ、全体の空気感にも統一感をもたせています。アクセントカラーには、あえて2色を選定。「5回」「1対1」など重要なキーワードでアクションを強調し、全体のトーンに落ち着きを持たせ、視線誘導と信頼感の両立を図りました。

●タイポグラフィー

「親しみやすさ」と「わかりやすく読みやすい本文」を両立させるため、2種類のフォントを組み合わせました。可読性を保ちながらも、感情的な距離をグッと縮め、温かみや親しみやすい印象を伝えています。

【工夫したポイント】

キャッチコピーでは、ポジティブな未来像を短い言葉で届けています。Z型のレイアウトで自然な視線誘導を導き、情報を段階的に整理しています。キャンペーン情報については、特典感を直感的に伝えられるように工夫しました。

女性ターゲットに合った「やさしさ」「希望感」「共感」の感情訴求も丁寧に重ねています。マーケティング視点(情報の伝わりやすさ)とユーザー感情(見る人の気持ちに寄り添うやさしさ)の両方を大切にしたデザイン設計にしています。

シェア